Assocs-SpaceX is Reactjs-Nextjs app, fetching data from SpaceX-Api. Initially performing Server Side Rendering for better performance and Search engine optimization. User should be able to Filter the results with help of provided Filters. Mobile first design approach.
App hosted on vercel
Next.js is a framework that makes it easy to create 'universal' React apps - React apps that do both client and server side rendering. With Next.js, React pages are automatically rendered on both client and server side, without the hassle of setting up dependancies like webpack or babel and with automatic routing and without the constraints of projects like Create React App.
To get started, just clone the repository and run npm install && npm run dev
:
git clone https://github.com/heyprashant/Assocs-SpaceX.git
npm install
npm run dev
If you wanted to run this site in production, you should install modules then build the site with npm run build
and run it with npm start
:
npm install
npm run build
npm start
You should run npm run build
again any time you make changes to the site.
Desktop-view
Tablet-view
Mobile-view