Full Stack Blog App With Next.js
Build A Markdown Powered Static Blog with NextJS, TailwindCSS, PrismJS, And Rehype
Description
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!
What You Will 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
Who Should Attend!
- Beginner NextJS developers looking to build a static blog powered by markdown