Next JS & Typescript - Full Guide

Learn modern Next JS(Next 10+). Code everything in Typescript and integrate with Sanity CMS.

Next JS & Typescript - Full Guide

πŸ¦„ What will I build?

You will build a full-stack Social Blogging Platform inspired by sites like 🌈 DEV.to and Medium. Authors can create content under their custom username, then publish publicly with SEO-friendly rendering, while readers can heart or like posts in real-time. Featuring…

  • πŸ‘¨β€πŸŽ€ Custom Firebase usernames
  • πŸ“° Bot-friendly content (SEO)
  • 🦾 Advanced SSR, SSG, and ISR techniques
  • πŸ”₯ Firestore real-time CRUD and data modeling
  • βš›οΈ Reactive forms with react-hook-form
  • πŸ“‚ Image file uploads
  • πŸ’ž Realtime hearts
  • πŸš€ Security & Deployment

πŸ€” Is this Course Right for Me?

This course is intermediate level and will challenge you to build an app that delivers high-performance search engine visibility via server-side rendering. It assumes you have at least basic knowledge of web programming with familiarity with JavaScript, HTML, and CSS.

How do I enroll?

The first few videos are free, so just dive in 🀿. When you reach a paid module, you will be asked to pay for a single course or upgrade to PRO.

Course Lectures

1. 🚨 README

Watch this video before starting the course!

Free

2:44

2. πŸ€– React js basics

Learn the fundamentals of React.js and reactive UI development

Free

7:23

3. πŸ‘¨β€πŸ’» Next js intro

Learn the fundamentals of Next.js and server-side rendering

8:35