Programming

Front-end

Làm quen với Next.js - Tạo blog

Name: Làm quen với Next.js - Tạo blog
Price: 29700 KRW

Làm quen với Next.js bằng cách tạo blog cá nhân với Next.js!

(4.9) 7 đánh giá

179 học viên

hajoeun

이론 실습 모두

개발블로그

Next.js

React

Blog

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

Nhiều cách khác nhau để sử dụng Bộ định tuyến ứng dụng của Next.js
Cách sử dụng cú pháp Markdown trong Next.js

Tạo blog của riêng bạn với Next.js

Liệu mọi người có muốn sống chung một nhà với nhau không? Một số người thậm chí còn muốn xây dựng ngôi nhà riêng, một không gian có kích thước và hình dáng độc đáo. Tuy nhiên, những vấn đề thực tế khiến việc đạt được không gian mong muốn khi sống ngoài đời trở nên khó khăn.

Trực tuyến thì khác. Bất kỳ ai cũng có thể tạo ra không gian riêng, một ngôi nhà do chính tay mình xây dựng. Đối với các nhà phát triển, việc này dễ dàng hơn một chút.

Sau khi hoàn thành khóa học này, bạn sẽ có một ngôi nhà do chính mình xây dựng.
#React, #Next.js, #nextjs, #blog

Những gì bạn sẽ nhận được từ khóa học này

Một blog cá nhân mà bạn có thể tự trang trí và nâng cấp
Tìm hiểu cách xử lý Markdown trong Next.js
Tìm hiểu và nắm vững các kỹ thuật kết xuất mới nhất trong Next.js 14.

Tôi đã tham dự buổi Infocon, và nó đã mở mang tầm hiểu biết của tôi và vô cùng hữu ích! Nhờ có bạn, tôi tin rằng mình sẽ có thể chia sẻ những thông tin quý giá này với các đồng nghiệp! Thật tuyệt vời khi được nghe buổi hội thảo và cảm thấy chúng ta đang làm việc cùng nhau rất vui vẻ. Cảm ơn bạn rất nhiều vì đã cho tôi cảm giác hào hứng khi được học một công nghệ mới mà đã lâu rồi tôi chưa được trải nghiệm. (Kim*Hoon)

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

Những người muốn thực hiện blog cá nhân của riêng mình
Những người muốn sử dụng Next.js trong thực tế
Những người muốn di chuyển blog cá nhân của họ sang Next.js

Cần biết trước khi bắt đầu?

Phản ứng
Bản đánh máy
Next.js

Xin chào
Đây là

1,053

Học viên

Đánh giá

Trả lời

4.8

Xếp hạng

Các khóa học

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

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

Chương trình giảng dạy

Tất cả

30 bài giảng ∙ (2giờ 35phút)

Phần 1. Giới thiệu

6 bài giảng ∙ (10phút)

Phần 2. Ôn lại kiến thức sẵn có

4 bài giảng ∙ (16phút)

7. Kết xuất trước
06:07
8. Định tuyến
04:35
9. Lấy dữ liệu
02:52
10. Tạo kiểu
02:56

Phần 3. Tìm hiểu các loại blog

6 bài giảng ∙ (34phút)

11. Blog Next.js thông thường: Quản lý dữ liệu
05:25
12. Blog Next.js thông thường: Kết xuất và Định tuyến, Siêu dữ liệu
02:27
13. Vercel blog lãnh đạo: Quản lý dữ liệu 1
05:59
14. Blog lãnh đạo Vercel: Quản lý dữ liệu 2
07:08
15. Blog lãnh đạo Vercel: Kết xuất và Định tuyến
06:40
16. Vercel Blog Lãnh đạo: Metadata
06:57

Phần 4. Tạo blog riêng

5 bài giảng ∙ (29phút)

Phần 5. Nâng cấp blog cá nhân: Đổi theme

3 bài giảng ∙ (23phút)

Phần 6. Nâng tầm blog: Lượt xem

5 bài giảng ∙ (38phút)

Phần 7. Outro

1 bài giảng ∙ (1phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

7 đánh giá

4.9

7 đánh giá

피카
Đánh giá 13
∙
Đánh giá trung bình 4.9
5
100% đã tham gia
안녕하세요 조은님, 강의 즐겁게 수강하였습니다. 인프콘에서 조은님 발표를 듣고 바로 블로그를 만들어보기 시작하였는데요, 저는 Guillermo의 블로그를 보면서 제작을 해봤었습니다. 언제쯤 강의가 올라올까 기다리던 와중..강의 오픈이라니!! 빠르게 완강하였습니다. 개인적으로 강의에서는 Lee의 블로그와 비슷한 형태로 만들어보는 것이라서 더 재밌게 느껴졌습니다. 강의를 보기전에 블로그를 제작해보면서 막혔던 부분이 있었는데, 첫번째는 database를 어떻게 할지 고민했었습니다. vercel의 storage를 사용하는 것을 배워서 간편하게 데이터베이스를 활용할 수 있었네요. 두번째는 제 블로그가 검색이 될까? 이런 고민이 있었는데 초기세팅이 되어있는 블로그를 활용하니 이런식으로 하면 되겠구나 라는 감이 잡혔습니다. 조은님께서 강의해주신부분들과 제가 기존에 Guillermo 스타일로 만들었던 블로그를 조합해서 다시 업그레이드 해봐야겠네요. 덕분에 좋은 정보들을 많이 얻을 수 있었습니다. 감사합니다. ☺️
Peter Cha
Đánh giá 8
∙
Đánh giá trung bình 4.6
5
100% đã tham gia
스스로도 할 수 있는 Directory 구조 같은 부분들은 싹 빼고, 진짜 실용적인 내용들에만 집중해서 Next.js의 Server Actions, PPR과 같은 기법들까지 빠르게 실습을 통해 학습할 수 있다는게 가장 큰 장점인 것 같아요! 👍 이번 강의 덕분에 Vercel 리더십의 코드도 살펴보게 되고 Open Source로 코드를 볼 수 있고 벤치마킹하는 과정을 함께 한다는게 괜히 더 재밌고 자신감이 생기는 좋은 경험이었어요! 🙌 Next.js 핵심이론과 실습을 적절하게 잘 제공해주는 강의라 빠르게 트렌드를 쫓아가는데 도움이 많이 된 것 같습니다 감사해요 증말 :D!
stay850
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
not easy
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
87% đã tham gia
블로그를 처음 만들어보는 분들에게 정말 좋은 가이드가 될 만한 강의입니다. 강의 내용이 따라하기 쉽게 구성되어 있어 큰 어려움 없이 진행할 수 있었습니다. 다만, 강의를 보실 때 한 가지 주의할 점은 리액트, 넥스트, 테일윈드 등 사용하는 라이브러리와 프레임워크의 버전이 업데이트되면서 강의 내용과 일부 달라질 수 있다는 점입니다. 이런 경우 커뮤니티에서 관련 내용을 확인하시면 도움이 됩니다. 개인적으로 아쉬웠던 점은 강의에 고도화된 기능, 특히 댓글 기능이 추가되었으면 더 좋았을 것 같다는 점입니다. 좋은 강의 만들어주셔서 감사합니다:)
진상우
Đánh giá 5
∙
Đánh giá trung bình 5.0
5
100% đã tham gia

626.827 ₫

Khóa học khác của hajoeun

Hãy khám phá các khóa học khác của giảng viên!

손에 익는 Next.js - 마이그레이션하기

하조은

React에서 Next.js 14로 마이그레이션하며 React와 Next.js의 차이점을 익혀봅니다. Next.js을 보다 깊게 이해하실 수 있어요!

초급

Next.js, React, vitejs

손에 익는 Next.js - 마이그레이션하기

하조은

손에 익는 Next.js - 공식 문서 훑어보기

하조은

공식 문서로 최신 Next.js를 배워봅니다. 문제 해결의 도구로써 Next.js가 필요한 이유를 이해하실 수 있어요!

초급

Next.js, next.js13, React

손에 익는 Next.js - 공식 문서 훑어보기

하조은

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

손에 익는 Next.js - 마이그레이션하기

하조은

React에서 Next.js 14로 마이그레이션하며 React와 Next.js의 차이점을 익혀봅니다. Next.js을 보다 깊게 이해하실 수 있어요!

초급

Next.js, React, vitejs

손에 익는 Next.js - 마이그레이션하기

하조은

손에 익는 Next.js - 공식 문서 훑어보기

하조은

공식 문서로 최신 Next.js를 배워봅니다. 문제 해결의 도구로써 Next.js가 필요한 이유를 이해하실 수 있어요!

초급

Next.js, next.js13, React

손에 익는 Next.js - 공식 문서 훑어보기

하조은

[풀스택 입문] Firebase보다 10배 좋은 Supabase

로펀

풀스택 개발에 날개를 달아줄 Supabase! Firebase의 상위호환인 Supabase로 풀스택 개발을 2시간만에 완성합니다.

초급

PostgreSQL, Next.js, TailwindCSS

[풀스택 입문] Firebase보다 10배 좋은 Supabase

로펀

이벤트부터 SPA까지, 상호작용 웹의 필수 엔진 - [DOM 완전 정복 Part 2]

nhcodingstudio

이 강의는 단순한 DOM 조작을 넘어서, 실제 사용자와의 상호작용 속에서 웹 UI를 동적으로 구성하고 반응하는 방법을 깊이 있게 학습합니다. 이벤트 시스템의 본질, 버블링과 캡처링, 이벤트 위임, 실시간 UX 피드백, 그리고 throttle & debounce를 활용한 성능 최적화까지, 실무에서 자주 마주치는 문제들을 직접 구현하며 익힐 수 있도록 구성했습니다. DOM 트리의 구조 이해를 바탕으로, 이벤트 흐름과 상태 변경을 유연하게 연결하는 능력을 기르게 됩니다.

초급

HTML/CSS, JavaScript, React

이벤트부터 SPA까지, 상호작용 웹의 필수 엔진 - [DOM 완전 정복 Part 2]

nhcodingstudio

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

짐코딩

최신 Next.js v15 App Router를 학습하며 노션 기반의 실용적인 개발자 블로그를 함께 구축하는 강의입니다. 추가로 커서 AI 활용법 등 다양한 인사이트도 얻을 수 있습니다.

초급

React, 블로그, Next.js

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

짐코딩

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

로펀

🔥 강의 등록부터 영상 업로드까지, 지식공유자 기능을 그대로 구현해보는 실전 풀스택 강의입니다. Next.js 15와 NestJS를 활용해 강의 생성, 커리큘럼 구성, 썸네일 및 영상 업로드, 상세 소개 작성까지 실제 인프런 흐름을 따라 만들며, Prisma 모델링, JWT 인증, S3 + CloudFront 업로드, Swagger API 설계 등 실무에 가까운 경험을 쌓을 수 있습니다.

초급

AWS, Docker, Next.js

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

로펀

이것이 진짜 바이브코딩 - 개발자를 위한 바이브코딩편

코드캠프

No Code, Only Prompt 10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만드는 '진짜' 실무적용 바이브코딩을 배울 수 있습니다.

입문

React, Next.js, cursor

이것이 진짜 바이브코딩 - 개발자를 위한 바이브코딩편

코드캠프

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

초급

Next.js, FastAPI, whisper

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

중급이상

Next.js, React, GraphQL

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

딩코딩코

코딩 몰라도 OK! 당신의 아이디어를 단 4주 만에 실제 수익으로 바꿔보세요. AI와 최신 도구를 활용해, 웹사이트와 앱을 동시에 만들고 바로 서비스까지 연결합니다.

입문

Flutter, Next.js, cursor

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

딩코딩코

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

초급

React, React Native, 하이브리드 앱

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

초급

React Native, React, ES6

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

체험코딩

이 강의를 모두 들으시고, 응용하면 여러분만의 사이트, 앱을 만들 수 있어요. 이 강의는 Cursor AI 를 이용하여, 우리 가족만을 위한 단톡방을 Web사이트로 만들면서, 코딩의 흐름을 자연스럽게 익혀보는 바이브코딩 입문 강의입니다. App 개발자 계정이나 맥북 없이, 윈도우 환경만으로도 개발을 몰라도 누구나 쉽게 따라 할 수 있고, 실제 웹사이트로 배포하는 법도 배웁니다.

입문

Firebase, Next.js, vercel

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

체험코딩

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

초급

React, Electron, GUI

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

앱 개발 입문을 위한 React Native 완벽 기초 클래스

정현우

앱 개발을 하고 싶은데 어디서부터 시작해야될 지 막막하신 분들을 위해 준비했습니다. 이 강의로 그 고민, 이젠 끝내세요!

입문

JavaScript, React, Node.js

앱 개발 입문을 위한 React Native 완벽 기초 클래스

정현우

공식문서로 배우는 실전 타입스크립트

어쩔코딩

타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

입문

TypeScript, JavaScript, ES6

공식문서로 배우는 실전 타입스크립트

어쩔코딩

타입스크립트 코리아 : React with TypeScript 세미나

이웅재

타입스크립트와 리액트 관련 강좌입니다.

중급이상

React, TypeScript

타입스크립트 코리아 : React with TypeScript 세미나

이웅재

Làm quen với Next.js - Tạo blog

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

Tạo blog của riêng bạn với Next.js

Những gì bạn sẽ nhận được từ khóa học này

Bạn sẽ học được gì?

1. Tìm hiểu các tính năng chính của Next.js để tạo blog.

2. Tìm hiểu ưu và nhược điểm của hai kiến trúc blog.

3. Học cách quản lý blog của riêng bạn.

Những điều cần lưu ý trước khi tham gia khóa học

Môi trường thực hành

Tài liệu học tập

Trước khi tham gia bài giảng này

Kỳ vọng từ những người đầu tiên nghe bài thuyết trình tại Infocon

Bài giảng liên quan

[Bắt đầu với Next.js] Phần 1 - Xem nhanh Tài liệu chính thức

Khuyến nghị cho
những người này

Xin chào
Đây là

Chương trình giảng dạy

Đánh giá

Khóa học khác của hajoeun

Khóa học tương tự

Làm quen với Next.js - Tạo blog

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

Tạo blog của riêng bạn với Next.js

Những gì bạn sẽ nhận được từ khóa học này

Bạn sẽ học được gì?

1. Tìm hiểu các tính năng chính của Next.js để tạo blog.

2. Tìm hiểu ưu và nhược điểm của hai kiến trúc blog.

3. Học cách quản lý blog của riêng bạn.

Những điều cần lưu ý trước khi tham gia khóa học

Môi trường thực hành

Tài liệu học tập

Trước khi tham gia bài giảng này

Kỳ vọng từ những người đầu tiên nghe bài thuyết trình tại Infocon

Bài giảng liên quan

[Bắt đầu với Next.js] Phần 1 - Xem nhanh Tài liệu chính thức

Khuyến nghị cho những người này

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Chương trình giảng dạy

Đánh giá

Khóa học khác của hajoeun

Khóa học tương tự

Khuyến nghị cho
những người này

Xin chào
Đây là