인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
개발 · 프로그래밍

/

프론트엔드

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

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

(5.0) 수강평 4개

수강생 132명

Thumbnail

초급자를 위해 준비한
[프론트엔드, 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

안녕하세요
하조은입니다.

수강생 수

965

수강평 수

72

강의 평점

4.8

강의 수

3

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

 

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

커리큘럼

전체

30개 ∙ (2시간 35분)

  • 라우팅

    04:35

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

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!