🚀 Use LAUNCH75 Promo Code At Checkout for 75% Off. Limited Time. Expires in 3 days, 18 hours, 11 minutes, 55 seconds.

Full Stack Blog App With Next.js

Build A Markdown Powered Static Blog with NextJS, TailwindCSS, PrismJS, And Rehype

What you'll learn

  • How to build a static blog website using NextJS
  • How to use markdown as the data format for storing blog posts
  • Explore differences in dynamic and static rendering
  • Use NodeJS to read from filesystem
  • How to add syntax highlighting with PrismJS and Rehype
  • How to use TailwindCSS Typography

Course Content

1 sections • 22 lectures • 1.1 hours total length

  • Initialize Nextjs Project
  • Add Markdown Styles
  • Style The Home Page And Blog Layout
  • Post Detail Page
  • Generate Next And Prev Slugs
  • Generate Next And Prev Slugs Solution
  • Add Prev And Next Links To Post Detail Page
  • Rendering Strategies
  • Generate Static Params
  • Archives
  • Fix Post Order Bug
  • Home Page Cleanup
  • Add Syntax Highlighting To Code Blocks
  • Run Prism At Build Time
  • Tailwindcss Typography
  • Route Group And Layout
  • Fake Static Markdown Posts
  • Install Dependencies
  • Markdown Helper
  • Filesystem Helpers
  • Render Latest Post On Home Page
  • Add Post Type Interface


  • Some JavaScript experience is recommended


Welcome to our course on Full Stack Development with Next.js, where we'll guide you through the creation of a powerful static blog app with syntax highlighting. A blog stands as an invaluable asset in every developer's career, unquestionably a critical component in marketing oneself as a software developer.

This course is meticulously designed to immerse you in the world of static sites, focusing specifically on building a dynamic blog fueled by markdown. Throughout this crash course, we'll take you on a journey, demonstrating the initial construction of the site using dynamic rendering, and then seamlessly transitioning to static site generation for optimal performance.

While there are undoubtedly various resources available on building static sites with Next.js, we'll guide you through the exact process using a template that stands out. Visit the Next.js homepage and click on "Templates." Look for the blog template, a fantastic starting point with an excellent repository. However, it's essential to note that this template utilizes the old pages router. In our course, we've meticulously ported everything over to the new app router, making a few enhancements to better suit our preferences.

Join us as we unravel the intricacies of building a custom static blog website from scratch. Watch our demo video, and discover if you're ready to embark on this transformative learning journey. Thank you for considering our Full Stack Development with Next.js Blog App course!

Who this course is for

  • Beginner NextJS developers looking to build a static blog powered by markdown
book image

This course includes:

  • 1.1 hours on-demand video
  • Certificate of completion

Upgrade To A Pro Plan

30-Day Money Back Guarantee

Unlimited Access To All Content

Invite To Private Discord Channel

Lifetime Access Or Annual Plan Available


Buy Course

30-Day Money Back Guarantee

Full Lifetime Access