This is a Next.js project bootstrapped with create-next-app.
It is made to show an up-to-date example of how I develop.
Here are some requirements, which were set for this project:
- create at least 2 pages: list page and details page
- use The Star Wars API for requests
- list page should have a search and pagination
- details page should have non-direct data of the main item
(e.g. if person has a vehicle id, then show some relevant info of that vehicle as well) - API has no images, so find another way to show relevant images
- use Material UI for styling
First, clone the repo:
git clone [email protected]:primetwig/explorer.gitThen go to the project:
cd ./explorerAnd install all deps:
npm ci
# or
yarnNow you have 2 options:
Option 1 is to run a development server:
npm run dev
# or
yarn devOption 2 is to make a build and run it:
npm run build
npm run start
# or
yarn build
yarn startEither option will bring up the local server, which you can use.
Open http://localhost:3000 with your browser to see the result.