The Flow Blog logo

Flow Blog

Tutorial project by Coding in Flow

This is a full-stack blogging website built with NextJS, ExpressJS, and TypeScript 💚

🌟 Get my NextJS course to learn how to build this!

👀 Features:

  • User accounts & profiles. Sign up either via email & password or social providers (Google/GitHub)
  • Users can create and update blog posts via a markdown editor
  • Upload images & resize them on our own backend server
  • A fully-fledged comment system with sub-comments and edit/delete functionality
  • Pagination with both page numbers and infinite loading
  • A fully mobile-responsive layout & custom theme based on Bootstrap
  • A complete backend server built with ExpressJS and MongoDB

💡 Concepts covered:

  • Advanced NextJS server-side rendering strategies like on-demand revalidation
  • Client-side request caching & revalidation using SWR (NextJS' React-Query alternative)
  • Advanced React concepts like context providers, custom hooks, and effect cleanup
  • Form handling with React-Hook-Form and Yup
  • Security best practices like validation of user input & file uploads, and rate-limiting
  • User email verification and password reset without expensive backend services like Firebase
  • Redis as a local session storage for super fast access
  • Deploy everything to a real web hosting and learn how to protect your server from hackers
  • and much more...

💻 This course goes beyond normal YouTube tutorials and teaches you how to build real production websites.