Marcin Fabicki task solution #3

Fabi0o · 2024-06-23T13:41:17Z

Hello there!

Here is my solution for the task.

SSR: For the client side I used the SSR approach because imo it's the best practice here (better UX, faster initial load time, predictable performance)
Pagination Metadata: In the lib/products.ts merge function I've decided to return the pagination metadata with the products list, because of that I had to change the test cases (hope I was allowed to do that🙏) to match my approach
Homepage redirection: Added redirection functionality when the user requests /products/[page] without the dynamic segment
Error Handling: Added error handling to the API endpoint when the user requests a page that doesn't exist and additionally added an error view with the button to go back to the home page

…namic segment

… and consistancy with pagination metadata

Fabi0o added 8 commits June 19, 2024 22:04

feat: creat whole logic for fetchProducts function with pagination

8c41861

feat: creat endpoint for fetching paginated products

9d7c106

feat: use products endpoint for fetching data on client side

47c4861

feat: change lib/products function to return metadata for pagination

0dd1984

feat: add pagination

f3f70c0

fix: redirect the user when trying to access products page without dy…

253a127

…namic segment

fix: change endpoint to accept page number based from 1 for better ux…

6c06d30

… and consistancy with pagination metadata

feat: add error handling when requested page does not exist

54c916d

Provide feedback