Skip to content

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!

!Image 01

About route shows some generic information. Route is /about. Be innovative!

!Image 02

Products route shows products. Route is /products. Be innovative!

!Image 03

Selectd product route shows a product. Route is /products/id for example /products/1 or /products/5. Be innovative!

!Image 04

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.