About

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

Getting Started

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.