Ipsator-Blog Application

Objectives:

• Use Stytch for password less user authentication.
• Use Sanity CMS for storing and fetching blog posts.
• Use GA4 for analytics (user-engagement).
• Use Tailwind css for styling

Tech stack Used : -

• Next Js
• Sanity CMS
• Stych for user - auth
• Tailwind CSS
• JS
• GA4

Application

• BLOG HOME PAGE

• SINGLE BLOG

• PASSWORD-LESS AUTHENTICATION USING STYCH

• PROFILE PAGE

• CONTACT

FOR RUNNING PROJECT IN YOUR SYSTEM DO

  ## for run sanity server on local  && for run frontend
     - npm i
     - npm run dev
     - (you have to run both) / but i have deploy santy backed , you can run code of only frontend

What I explore before start working on it ?

• Next js (Static site Generation(ssg) , Server-side-rendering(ssr) , routing , data fetching , deployment , app router / page router)
• Stych docs
• sanity CMS docs
• GA4 (google analytics 4)

What I Learn at the END of Project ?

• how do i optimise tailwind?
• password less authentication using stych
• creating scema of document in sanity cms and how I used sanity as api service.
• GROQ-Query for fetching data from sanity backend service
• how we write optimise code and meaninig full name of function or variable , which makes easily understandable to other.
• user engagement with GA4
• rich text / react- portable-text

Authors

• @Divya Gauav

Hi, I'm Divya gaurav👋Frontend Developer.