example-next-ap

This is a Next.js project bootstrapped with create-next-app.

Roadmap

• create mock api service
• 404 page
• generate static page examples, querying from api using getSaticProps
• generate dynamic page routes examples, querying from api use getStaticPaths
• generate dynamic ssr page examples, querying from api using getServerSideProps
• generate dynamic page examples, querying in client useing useSWR
• Protected pages and Auth
• redux?

App example

Build basic blog app with the following entities:

• User
  • username
  • email
  • bio
  • password
  • avatar
  • private?
• Post
  • title
  • image
  • body
  • created
  • published

Pages:

• Homepage (Public) [getStaticPaths/getStaticProps]
• About (Public) [getStaticPaths/getStaticProps]
• Register (Public) [getStaticProps]
• Login (Public) [getStaticProps]
• User Profile (w/ published posts) (public) [getServerSideProps]
• Followers / Following
• User Post Page (public) [getServerSideProps]
• User Dashboard (w/ all posts) (private) [clientFetch]
• User settings (private) [clientFetch]

API

• Site content controller
• auth controller
• user controller
• post controller