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 git@github.com:primetwig/explorer.git
Then go to the project:
cd ./explorer
And install all deps:
npm ci
# or
yarn
Now you have 2 options:
Option 1 is to run a development server:
npm run dev
# or
yarn dev
Option 2 is to make a build and run it:
npm run build
npm run start
# or
yarn build
yarn start
Either option will bring up the local server, which you can use.
Open http://localhost:3000 with your browser to see the result.