Skip to content

experimenting server and client components of Nextjs 13

Notifications You must be signed in to change notification settings

jamiul-islam/Modern-News-Paper

Repository files navigation

The Coolest News

Problem Solved

  • planned using the layout component
  • created global types for typeSafety
  • used query parameter in search box
  • flow of news fetching -->
    • graphql query
    • fetch function with NextJs 13 caching...
    • sorted news by image first
    • returned the response
  • dark theme synced with system theme
  • dynamic page using query parameters
  • dynamic search result using query parameters
  • dynamic routing with static page regeneration
  • relative timestamp (X days ago)
  • added next13's loading sate

Tech Stack

Client: NextJs, TypeScript, TailwindCSS

Server: TypeScript, GraphQL, Stepzen

Demo

Dynamic Content Screen

Logo

Mobile View

Logo

About

experimenting server and client components of Nextjs 13

Resources

Stars

Watchers

Forks