인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

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

초급자를 위해 준비한
[프론트엔드, Next.js] 강의입니다.

이런 걸 배울 수 있어요

  • 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,042

수강생

80

수강평

45

답변

4.8

강의 평점

3

강의

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

 

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

커리큘럼

전체

30개 ∙ (2시간 35분)

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

수강평

전체

7개

4.9

7개의 수강평

  • Peter Cha님의 프로필 이미지
    Peter Cha

    수강평 6

    평균 평점 4.5

    5

    100% 수강 후 작성

    스스로도 할 수 있는 Directory 구조 같은 부분들은 싹 빼고, 진짜 실용적인 내용들에만 집중해서 Next.js의 Server Actions, PPR과 같은 기법들까지 빠르게 실습을 통해 학습할 수 있다는게 가장 큰 장점인 것 같아요! 👍 이번 강의 덕분에 Vercel 리더십의 코드도 살펴보게 되고 Open Source로 코드를 볼 수 있고 벤치마킹하는 과정을 함께 한다는게 괜히 더 재밌고 자신감이 생기는 좋은 경험이었어요! 🙌 Next.js 핵심이론과 실습을 적절하게 잘 제공해주는 강의라 빠르게 트렌드를 쫓아가는데 도움이 많이 된 것 같습니다 감사해요 증말 :D!

    • 피카님의 프로필 이미지
      피카

      수강평 13

      평균 평점 4.9

      5

      100% 수강 후 작성

      안녕하세요 조은님, 강의 즐겁게 수강하였습니다. 인프콘에서 조은님 발표를 듣고 바로 블로그를 만들어보기 시작하였는데요, 저는 Guillermo의 블로그를 보면서 제작을 해봤었습니다. 언제쯤 강의가 올라올까 기다리던 와중..강의 오픈이라니!! 빠르게 완강하였습니다. 개인적으로 강의에서는 Lee의 블로그와 비슷한 형태로 만들어보는 것이라서 더 재밌게 느껴졌습니다. 강의를 보기전에 블로그를 제작해보면서 막혔던 부분이 있었는데, 첫번째는 database를 어떻게 할지 고민했었습니다. vercel의 storage를 사용하는 것을 배워서 간편하게 데이터베이스를 활용할 수 있었네요. 두번째는 제 블로그가 검색이 될까? 이런 고민이 있었는데 초기세팅이 되어있는 블로그를 활용하니 이런식으로 하면 되겠구나 라는 감이 잡혔습니다. 조은님께서 강의해주신부분들과 제가 기존에 Guillermo 스타일로 만들었던 블로그를 조합해서 다시 업그레이드 해봐야겠네요. 덕분에 좋은 정보들을 많이 얻을 수 있었습니다. 감사합니다. ☺️

      • stay850님의 프로필 이미지
        stay850

        수강평 1

        평균 평점 5.0

        5

        100% 수강 후 작성

        • 진상우님의 프로필 이미지
          진상우

          수강평 5

          평균 평점 5.0

          5

          100% 수강 후 작성

          • not easy님의 프로필 이미지
            not easy

            수강평 1

            평균 평점 5.0

            5

            87% 수강 후 작성

            블로그를 처음 만들어보는 분들에게 정말 좋은 가이드가 될 만한 강의입니다. 강의 내용이 따라하기 쉽게 구성되어 있어 큰 어려움 없이 진행할 수 있었습니다. 다만, 강의를 보실 때 한 가지 주의할 점은 리액트, 넥스트, 테일윈드 등 사용하는 라이브러리와 프레임워크의 버전이 업데이트되면서 강의 내용과 일부 달라질 수 있다는 점입니다. 이런 경우 커뮤니티에서 관련 내용을 확인하시면 도움이 됩니다. 개인적으로 아쉬웠던 점은 강의에 고도화된 기능, 특히 댓글 기능이 추가되었으면 더 좋았을 것 같다는 점입니다. 좋은 강의 만들어주셔서 감사합니다:)

            비슷한 강의

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

            ₩29,700