
Next.js in your hands - Creating a blog
hajoeun
$23.10
Basic / Next.js, React, Blog
4.9
(9)
100+
Get familiar with Next.js by creating a personal blog with Next.js!
Basic
Next.js, React, Blog
Learn the differences between React and Next.js by migrating from React to Next.js 14. You will gain a deeper understanding of Next.js!


Reviews from Early Learners
5.0
잉어
This is a really easy to understand lecture. Thank you for the second part as well!!
5.0
정효성
Part 2 is also really good. Fighting!
5.0
스타현이
This is a silver bullet lecture for Next.js. I learned a lot thanks to it!
Converting a service started with React to Next.js
Replacing React Router with App Router
Understanding the Config in Next.js 14
Migrating from React.js to Next.js,
You can do it too!
Running a service with React often requires migrating to Next.js. While migration can be complex and challenging, it also provides an opportunity to gain a deeper understanding of your service. This lecture, taking the form of migration, will provide an opportunity to learn new skills by comparing React and Next.js. #React, #Next.js, #next.js, #next, #vitejs
You will be able to understand the default settings used in Next.js, as well as TypeScript settings and ESLint settings.
Create React App allows you to migrate React apps created with Vite to Next.js.
You will understand the differences between React and Next.js during the migration process.
Read next.config.js , tsconfig.json , .eslintrc.json , and package.json files included in the default settings of a Next.js app. This will help you understand the settings required for migration and deepen your understanding of Next.js.

Let's read the various settings together
Migrate a React app built with Vite to Next.js by following the guide in the official Next.js documentation. This will help you understand the configuration differences between Vite and Next.js, as well as the differences between React and Next.js.

Starting with Vite and moving on to Next.js
We'll migrate a React app created with CRA (create-react-app), a tool used when first getting started with React, to Next.js. We'll also explore differences from apps created with Vite, helping you gain a deeper understanding of React and Next.js.

Starting with CRA and moving on to Next.js
Let's replace React Router, the most widely used React routing library, with App Router. You'll understand the differences in routing methods and gain hands-on experience with Next.js' file system-based routing, server components, and client components.

React Router to App Router
Operating System and Environment: macOS, Node.js 20.10.0
Tools used: VSCode
Services used: Vercel , FakeStoreAPI
A handbook that receives feedback and is constantly updated
Three example source codes migrated to Next.js 14.
If you are new to Next.js,
I recommend that you first take the Next.js official documentation overview lecture !
Please listen to the lectures that are available for free and then decide.
Who is this course right for?
For those of you who are about to embark on your first migration project
For those who want to migrate React to Next.js
For those who want to understand the differences between React and Next.js
Need to know before starting?
React
TypeScript
Career Verified
1,091
Learners
85
Reviews
47
Answers
4.8
Rating
3
Courses
I have worked at Marpple and Banksalad, and I am currently working as a frontend engineer at Karrot.
I like hearing things like "I need you" or "Your presence gives me strength." I believe that love is about meeting the needs of our neighbors and being a source of strength for them.
I love hearing the words "I need you" and "Your presence gives me strength." I believe that love is about meeting the needs of our neighbors and being a source of strength for them. I will do my best to meet your needs and support you through great lectures.
All
32 lectures ∙ (1hr 43min)
All
6 reviews
4.5
6 reviews
Reviews 2
∙
Average Rating 5.0
Reviews 2
∙
Average Rating 5.0
5
At first, I started taking the course lightly, thinking, "I've listened to the first part, so I should listen to the second part too." But as I listened, I realized that I definitely want to migrate the React project I created to NeXT. It was a great course that added vitality to my development life!
Reviews 12
∙
Average Rating 4.7
Reviews 38
∙
Average Rating 4.9
Reviews 10
∙
Average Rating 4.7
Check out other courses by the instructor!
Explore other courses in the same field!
25% off for new members
$12.00
25%
$22.00