강의

멘토링

커뮤니티

Programming

/

Front-end

Next.js in your hands - Creating a blog

Get familiar with Next.js by creating a personal blog with Next.js!

(4.9) 8 reviews

186 learners

  • hajoeun
이론 실습 모두
개발블로그
Next.js
React
Blog

Reviews from Early Learners

What you will gain after the course

  • Various ways to use App Router in Next.js

  • How to use Markdown syntax in Next.js

Learning Next.js while creating a blog
Create your own space with Next.js!

Create your own blog with Next.js

Would everyone want to live in the same house as everyone else? Some might even want to build their own home, a space of unique size and shape. Unfortunately, practical issues make it difficult to achieve the desired space offline.

Online is different. Anyone can create their own space, a home built with their own hands. For developers, it's a little easier.

After completing this course, you will have a home that you have built yourself.
#React, #Next.js, #nextjs, #blog

What you will get from this course

  • A personal blog that you can decorate and upgrade yourself

  • Learn how to handle Markdown in Next.js


  • Learn and master the latest rendering techniques in Next.js 14.


What will you learn?

1. Learn the key features of Next.js for creating a blog.

Learn and master the new features of Next.js by leveraging pre-rendering techniques like SSR, SSG, ISR, and PPR, as well as Route Groups and Server Actions!

Learn the latest features of Next.js

2. Learn the pros and cons of two blog architectures.

Learn the architecture of a typical Next.js blog using Pages Router and the architecture of Vercel Leadership's blog built with App Router, and combine them to create your own blog in any way you like!

Digging into the Vercel Leadership Blog

3. Learn how to manage your own blog.

Learn how to create a personal blog that you can customize with AI-powered themes, view counts, and other features.

Create a blog with AI

Things to note before taking the course

Practice environment

  • Operating System and Environment: macOS, Node.js 20.17.0

  • Tools used: VSCode, Claude (Opus), PostgreSQL

  • Service used: Vercel

Learning Materials

Before taking this lecture

Expectations from those who heard the Infocon presentation first

After hearing about the Next.js blog best practices you explained at InfoCon, I'm really curious about how you built your blog. I've always wanted to create my own blog, so I'm really looking forward to the lecture!
(Lee*Eun)

I really enjoyed the presentation analyzing the Next.js blog at InfoCon! The comparison chart at the end was also very helpful and easy to understand! I'm really looking forward to the Next.js talk from someone who gave such a thorough presentation. (Sim*yeon)

I needed to do static deployment, and even though I already knew it, it was nice to have it all organized! The example analysis helped me understand better :) I'm looking forward to the lecture! (Choi*Jeong)

I was studying Next.js after using Tistory to develop and operate my own blog, and I found a course that perfectly suited my needs! (Lee*ho)

I attended the Infocon session, and it broadened my insight and was incredibly helpful! Thanks to you, I'm confident I'll be able to share this valuable information with my colleagues! It was so great to hear the session and feel like we were having fun working together. Thank you so much for giving me that thrill of learning a new technology that I haven't felt in a long time. (Kim*Hoon)

I got a sneak peek at the lecture trailer through Infocon, and I'm really looking forward to the new course! I'll be eagerly awaiting the opening day!
(Mr. Lim*Seok)

Related lectures

Recommended for
these people

Who is this course right for?

  • For those who want to create their own personal blog

  • For those who want to try out Next.js in practice

  • For those who want to migrate their personal blog to Next.js

Need to know before starting?

  • React

  • TypeScript

  • Next.js

Hello
This is

1,066

Learners

83

Reviews

47

Answers

4.8

Rating

3

Courses

마플, 뱅크샐러드 거쳐 현재는 당근에서 프론트엔드 엔지니어로 일하고 있습니다.

 

"난 네가 필요해", "너의 존재가 나에게 힘이 돼"라는 말을 좋아합니다. 이웃의 필요를 채워주고 힘이 되어 주는 것, 그게 사랑이라고 믿습니다. 좋은 강의로 여러분의 필요를 채우고 힘이 되어드릴 수 있도록 노력하겠습니다.

Curriculum

All

30 lectures ∙ (2hr 35min)

Published: 
Last updated: 

Reviews

All

8 reviews

4.9

8 reviews

  • ohsubin님의 프로필 이미지
    ohsubin

    Reviews 14

    Average Rating 4.9

    5

    100% enrolled

    Hello, Jo Eun, I enjoyed the lecture. After listening to Jo Eun's presentation at Infcon, I started making a blog right away. I made it while looking at Guillermo's blog. While waiting for the lecture to be uploaded... The lecture opened!! I finished it quickly. Personally, I found it more fun because the lecture was similar to Lee's blog. Before watching the lecture, there were some parts that I was stuck on while making a blog. The first was how to use the database. I learned how to use Vercel's storage, so I was able to use the database easily. The second was whether my blog would be searchable. I was worried about this, but after using the blog that was set up initially, I got a feeling that it would work this way. I think I should upgrade it again by combining the parts that Jo Eun taught and the blog I had previously made in Guillermo's style. Thanks to you, I was able to get a lot of good information. Thank you. ☺️

    • petercha900526님의 프로필 이미지
      petercha900526

      Reviews 8

      Average Rating 4.6

      5

      100% enrolled

      I think the biggest advantage is that you can quickly learn techniques such as Server Actions and PPR of Next.js through practice, leaving out things like Directory Structure that you can do yourself and focusing only on really practical contents! 👍 Thanks to this lecture, I got to look at Vercel Leadership's code and I was able to see the code as Open Source and go through the process of benchmarking, which was a good experience that made it more fun and gave me confidence! 🙌 This lecture appropriately provides the core theory and practice of Next.js, so I think it helped me a lot to quickly catch up with the trend. Thank you so much :D!

      • stay8507015님의 프로필 이미지
        stay8507015

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        • heewon97님의 프로필 이미지
          heewon97

          Reviews 1

          Average Rating 5.0

          5

          100% enrolled

          Creating a blog with NextJS was very helpful. Thank you.

          • leeebug님의 프로필 이미지
            leeebug

            Reviews 11

            Average Rating 5.0

            5

            100% enrolled

            The process of building my own blog with Next.js wasn't as easy as I thought, but after two failures, I finally succeeded in deployment. Through this course, I received a lot of help in understanding the basic structure of a blog and implementing it myself. I look forward to more good courses in the future.

            $23.10

            hajoeun's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!