Full Stack Development With Next.js: Blog App

Focused View

Travis Luong

52:08

6 View

1. Introduction

1. Demo.mp4

02:07

2. The Course

1. Initialize NextJS Project.mp4

01:08

2. Home Page Cleanup.mp4

02:03

3. Route Group And Layout.mp4

02:26

4. Fake Static Markdown Posts.mp4

02:51

5. Install Dependencies.mp4

01:06

6. Markdown Helper.mp4

01:16

7. Filesystem Helpers.mp4

05:17

8. Render Latest Post On Home Page.mp4

02:13

9. Add Post Type Interface.mp4

02:04

10. Add Markdown Styles.mp4

01:38

11. Style The Home Page And Blog Layout.mp4

01:48

12. Post Detail Page.mp4

04:51

13. Generate Next And Prev Slugs.mp4

02:57

14. Generate Next And Prev Slugs Solution.mp4

02:06

15. Add Prev And Next Links To Post Detail Page.mp4

02:31

16. Rendering Strategies.mp4

03:32

17. Generate Static Params.mp4

03:02

18. Archives.mp4

04:19

19. Fix Post Order Bug.mp4

02:53

Description

Build A Markdown Powered Static Blog With NextJS, PrismJS, and TailwindCSS

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

Who is this for?

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

What You Need to Know?

Some JavaScript experience is recommended

More details

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!
Who this course is for:
Beginner NextJS developers looking to build a static blog powered by markdown

User Reviews

Rating

average 0

Total votes0

Focused display

Hello. My name is Travis. I am a programmer. Welcome to my Udemy Profile.I am a Full Stack Developer with over a decade of experience developing web applications for a variety of clients and companies. I have built apps from the ground up for startups as well as worked on large enterprise systems. My current focus includes the following: - Front End Development: Next.js, React, TypeScript- Back End Development: Python, FastAPI, Java, SpringBoot, Node.js, TypeScript- DevOps: AWS, CircleCI, and Kubernetes

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.