Image Gallery
StaticDynamicISRSearch

This is a sample project to showcase and learn the new NextJS 13 app directory and its features, including:

  • static and dynamic server-side rendering
  • incremental static regeneration
  • client-side rendering
  • route handlers (API endpoints)
  • meta-data API
  • and more

Every page uses a different approach to fetching and caching data. Click the links in the nav bar to try them out.

Note: In order to load the data on this site, you need to get a free API key from Unsplash and add it to your .env.local file as UNSPLASH_ACCESS_KEY.

Unsplash has a free quota of 50 requests per hour so you might start getting errors if you try too often.

This App was Build by Gagan Arora