mauisiri / Next-api

TECHNICAL TEST: Next.js 13 with TypeScript

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev

Open http://localhost:3000/ with your browser to see the result.

Achievements

✅ Create sidebar with different categories

✅ Display the content in the central window

✅ NextJS usage

✅ Responsive design (except menu)

✅ SCSS modules

✅ Adherence to best practices

✅ Creativity

✅ Good use of HTML

✅ Return a 404.

✅ Good SCSS practices

Not achieved (yet)

〰️ Fetch of single id using ${id}

〰️ Pagination

❌ Testing using Jest with path coverage

❌ Login page + backend with NodeJS.

Details

"Planets" fetch was created in a different way just to see the differences. I could bring all data from the API, but couldn't access to the individual data by clicking on the element because of "undefined" id.

• Surprise: Go to http://localhost:3000/starships/undefined

Thank you!