강의

멘토링

커뮤니티

개발 · 프로그래밍

/

프론트엔드

손에 익는 Next.js - 블로그 만들기

Next.js로 개인 블로그를 만들며 Next.js를 손에 익혀봐요!

(4.9) 수강평 8개

수강생 186명

  • 하조은
이론 실습 모두
개발블로그
Next.jsReact블로그

먼저 경험한 수강생들의 후기

수강 후 이런걸 얻을 수 있어요

  • Next.js의 App Router의 다양한 활용 방법

  • 마크다운 문법을 Next.js에서 활용하는 방법

블로그를 만들며 배우는 Next.js
Next.js로 나만의 공간을 만들어보세요!

Next.js로 나만의 블로그 만들기

모두가 남들과 똑같은 집에 살고 싶을까요? 누군가는 자신만의 집을 짓고 남들과는 다른 크기와 형태를 가진 공간을 원할지도 모릅니다. 아쉽게도 오프라인에서는 현실적인 문제로 원하는 공간을 갖기 어렵습니다.

온라인은 다릅니다. 원한다면 누구든지 자신만의 공간을 만들 수 있습니다. 내 손으로 지은 집이 생기는 것이죠. 개발자인 여러분에게는 조금 더 쉬운 일입니다.

여러분은 이 강의를 통해 여러분이 직접 지은 집을 갖게 될 예정입니다.
#React, #Next.js, #nextjs, #블로그

이 강의에서 얻을 수 있는 것

  • 직접 꾸미고 업그레이드할 수 있는 개인 블로그

  • Next.js에서 마크다운 다루는 방법을 배우기


  • Next.js 14의 최신 렌더링 기법을 배우고 익히기


무엇을 배우게 되나요?

1. 블로그를 만드는 Next.js의 주요 기능을 배워요

SSR, SSG, ISR, PPR과 같은 사전 렌더링 기법부터 Route Groups, Server Actions까지 활용해보며 Next.js의 새로운 기능을 이해하고 익혀보세요!

Next.js의 최신 기능 배워보기

2. 두가지 블로그 아키텍처의 장/단점을 배워요

Pages Router를 활용하는 일반적인 Next.js 블로그의 아키텍처, App Router로 만든 Vercel 리더십의 블로그 아키텍처를 배워 원하는 방식으로 조합해서 블로그를 만들 수 있어요!

Vercel 리더십 블로그 파헤치기

3. 내 손으로 만든 블로그를 관리하는 법을 배워요

AI를 활용해 테마 변경, 조회수 기능을 비롯해 원하는 기능을 추가하며, 나만의 공간으로 꾸며 나갈 수 있는 개인 블로그를 만드는 법을 배워요!

AI와 함께 블로그 만들기

수강 전 참고 사항

실습 환경

  • 운영 체제 및 환경: macOS, Node.js 20.17.0

  • 사용 도구: VSCode, Claude(Opus), PostgreSQL

  • 사용 서비스: Vercel

학습 자료

  • 피드백을 받고 꾸준히 업데이트되는 핸드북

  • 조금씩 새로운 기능이 늘어가는 예제 소스 코드

이 강의를 듣기 전에

인프콘 발표를 먼저 들은 분들의 기대평

인프콘에서 설명해주신 Next.js 블로그 모범 사례 분석에 관하여 들으니 어떻게 블로그를 만드셨을지 너무 궁금해졌어요. 저만의 블로그를 꼭 만들고 싶었는데 강의 너무 기대됩니다!
(이*은님)

인프콘에서 Next.js 블로그를 분석한 강연 정말 재밌게 들었습니다! 마지막에 비교표로 정리해주신 것도 한눈에 들어오고 좋았습니다! 이렇게 깔끔히 강연해주신 분의 Next.js 강연이라니 완전 기대됩니당 (심*연님)

정적 배포를 해야하는 상황이었는데 알고있는거여도 한번 정리가 되어서 좋았습니다! 예제 분석을 통해서 보니 더 이해가 잘 되었어요:) 강의도 기대합니다! (최*정님)

티스토리를 사용하다가 Next.js 로 자체 블로그를 개발 및 운영하려고 Next.js 공부 중이었는데, 마침 제 니즈에 딱 맞는 강의가 나오네요! (이*호님)

인프콘 세션 들었는데, 인사이트도 넓어지고 너무 많이 도움됐어요! 저도 덕분에 좋은 내용 사내에 공유할 수 있을 것 같네요! 세션을 듣는데 같이 재밌게 일하는 느낌이나서 너무 좋았고, 새로운 기술을 배울 때의 쾌감을 오랜만에 느끼게 해주셔서 정말 감사합니다~ (김*훈님)

인프콘을 통해 강의 예고편을 잠깐 맛보니 새로운 강좌가 무척이나 기대되어요! 오픈일까지 설레는 마음으로 기다리겠습니다!
(임*석님)

연관 강의

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 개인 블로그를 직접 구현하고 싶은 분들

  • Next.js의 실전에 활용을 해보고 싶은 분들

  • 개인 블로그를 Next.js로 마이그레이션 하고 싶은 분들

선수 지식,
필요할까요?

  • React

  • TypeScript

  • Next.js

안녕하세요
입니다.

1,066

수강생

83

수강평

47

답변

4.8

강의 평점

3

강의

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

 

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

커리큘럼

전체

30개 ∙ (2시간 35분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

8개

4.9

8개의 수강평

  • ohsubin님의 프로필 이미지
    ohsubin

    수강평 14

    평균 평점 4.9

    5

    100% 수강 후 작성

    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

      수강평 8

      평균 평점 4.6

      5

      100% 수강 후 작성

      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

        수강평 1

        평균 평점 5.0

        5

        100% 수강 후 작성

        • heewon97님의 프로필 이미지
          heewon97

          수강평 1

          평균 평점 5.0

          5

          100% 수강 후 작성

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

          • leeebug님의 프로필 이미지
            leeebug

            수강평 11

            평균 평점 5.0

            5

            100% 수강 후 작성

            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.

            ₩29,700

            하조은님의 다른 강의

            지식공유자님의 다른 강의를 만나보세요!

            비슷한 강의

            같은 분야의 다른 강의를 만나보세요!