Assocs-SpaceX

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.

Live Demo

Running locally in development mode

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

Building and deploying in production

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.

Screenshots

Desktop-view

Tablet-view

Mobile-view