IIRF Online > Development > Web Development > Next.js > Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)
Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel) by Udemy
Build your own Blog App with the latest Next.JS & React(Next 9.4+, React hooks). Learn how to use headless Sanity CMS.
Course Highlights
- Use the latest Next/React features (getStaticProps, getStaticPaths, getServerSideProps)
- Create statically generated web apps
- Deploy Serverless Apps
- Integrate Sanity CMS
Skills you will learn!
Curriculum
2 Topics
Introduction
Course tips
7 Topics
Section Introduction
Init Next App
Sanity Studio App
React Bootstrap Integration
Separation of Navbar
Absolute path to files
Page layout
16 Topics
Section Introduction
Sanity Types
Sanity client
Get blogs
Blog fields & display blogs
Under the hood
Date and image
Authors
Display author
Sanity validation
Fonts + minor styling improvements
Link and detail page
Get blog data
getStaticPaths function
getStaticPaths part 2
Blog detail page layout
11 Topics
Section Introduction
Sanity content and Image
Sanity content and Code
packageLock
Blog content
Code stylings
Image improvements
More about images
Cropping of images
Image position
Apply image position
10 Topics
Section Introduction
Filtering view start
Filtering working
Font awesome
List item data
useSWR
Api route to get blogs
Update
Get blogs from api
Ordering
12 Topics
Section Introduction
swr Pagination
Button to load
Passing offset
Fetch more blogs
Fix fetching more blogs
Date filtering icon
Sorting by date
Fix sorting by date
Blank image
Blank list item
Moment and cover image
11 Topics
Section Introduction
Fallback
Theme provider
Apply theme
Toggler
Sanity preview
Preview api route
Get preview to page
Get preview data
Exit preview
Fix issue to display preview data
13 Topics
Section Introduction
Sanity studio to Github
Sanity deployment
Sanity studio testing
Deployment of Blog
Fixing preview in production
Revalidate Changes
Unstable revalidate
Styling Improvements
Pagination improvements
Preview fix
Testing
End of the course
2 Topics
Note
Pagination
Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)
Related Next.js Courses
Thank You!
Your review has been submitted successfully.