Exercise: Layouts and Pages
by Tomas Trescak· Next.js

0 / 2950 XP
The external project has not been reviewed yet
Please follow instructions below to submit your project

Installation

In this section and the following sections, we will be using the same project as in your tutorials. The difference is that it does not contain the same tests and is not as complete. Let's set it up!

1.Fork the following repository to your Github profile:

https://github.com/WesternSydneyUniversity/comp3036-lecture-nextjs

2. Clone the repository 

git clone <your-repository-url>

3. Open in Visual Studio Code
4. Install Packages

pnpm i

Instructions

  1. Complete all the user requirements below
  2. Cover each user requirement by end-to-end test (tag each test by @pages)
  3. If necessary, cover utility code and component code with unit tests
  4. Commit and push the code
  5. Make sure all tests pass
  6. Commit and push your code to your repository

User Requirements

  1. As a visitor, I want to be able to see the list of categories of active posts on a separate page
  2. As a visitor, when I click on a category, it needs to take me to a page where I can see only posts of a given category
    1. The post list shows the title, the short description, the category and the date posted
  3. As a visitor, when I click on a post title in the list, it takes me to the post details page
  4. As a visitor, I can see the title and content of the post on the detail page

Discuss with Others
Ask questions, share your thoughts, and discuss with other learners

Join the discussion to ask questions, share your thoughts, and discuss with other learners
Setup
React Fundamentals
10 points
Next.js
10 points
Advanced React
Databases
10 points
React Hooks
Authentication and Authorisation
10 points
APIs
CI/CD and DevOps
Testing React
Advanced Topics