Exercise 12 : Products Next App
Introduction
You will learn to create Next app with multiple pages.
Requirements
You'll need to follow a below requirements:
- Create Next 13 app
- Use App Router
- Use https://fakestoreapi.com/ or similar for the products
- Home route is shown by default
- Create routes fro Products and About
- Selected product will be shown in own route
Home route shows some generic information. Route is /
. Click images to see contents better. Be innovative!
About route shows some generic information. Route is /about
. Be innovative!
Products route shows products. Route is /products
. Be innovative!
Selectd product route shows a product. Route is /products/id
for example /products/1
or /products/5
. Be innovative!
Push exercise 12 / Next App to GitLab
Test your application in web browser, take screenshots and commit/push your project and screenshots back to JAMKIT/GitLab. Remember move your exercise/issue ticket from Doing to In Review in Issues Board and write your learning comments to issue comments.
Save screenshots to your app folder.