Skip to content

Latest commit

 

History

History

class-project-5

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
README.md
README.md
 
 

README.md

Dynamic routes, data fetching

Task

  • Implement Dynamic Routes:

    • Utilize Next.js to create dynamic routes for blog posts (or alternatively your own resources like products).
    • Implement dynamic routing to handle posts or products index page and individual posts/product pages.

  • Server-Side Data Fetching

    • Integrate JSONPlaceholder, a free online REST API, to fetch fake product data dynamically. Alternatively, use your own REST API server.
    • Use server-side data fetching methods to retrieve product information from JSONPlaceholder and populate the blog pages with realistic fake data.
    • Optionally (for more experienced): Try to implement pagination.

  • Deploy to Vercel or Netlify

    • Re-deploy your updated webpage to Vercel or Netlify for public access.
    • Test the working of dynamic routes.
    • Deploying Your Next.js App

Result

Project deployed to Vercel: PlanVoyage