Building the pages
Now that we are acquainted with how Next.js pages work and have prepared the Seo component and the layout setup, let’s implement the pages for the application. We will be implementing the following pages:
- The public organization details page
- The public job details page
- The jobs page in the dashboard
- The job details page in the dashboard
- The create job page
- 404 page
The public organization details page
The public organization details page is the page where any user can see all details about a given organization and a list of its jobs. Since it is a public page, we want to render it on the server for better SEO.
To create the page, let’s create the src/pages/organizations/[organizationId]/index.tsx file, where organizationId refers to the dynamic ID of the organization, which will be used to retrieve the given organization.
Then, let’s import all dependencies:
import { Heading, Stack } from '...
