inflearn logo

[Renewal] Creating a NodeBird SNS with React

We will create a Twitter-like SNS service using the React & Next & Redux & Redux-Saga & Express stack. Finally, we will perform search engine optimization and deploy it to AWS.

(4.9) 177 reviews

3,711 learners

Level Intermediate

Course period Unlimited

React
React
Redux
Redux
Node.js
Node.js
Express
Express
Next.js
Next.js
React
React
Redux
Redux
Node.js
Node.js
Express
Express
Next.js
Next.js

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

Choi Boo

99% enrolled

If you are thinking about purchasing a course and reading this article, take it right away. You won't regret it. Hello, I got a job after taking this course. After taking this course or while taking it, decide on a toy project and execute it. And it would be good to have a habit of recording. Or, create a development blog. While taking the course, make sure to record the parts you don't know. It will be helpful if you write on the development blog with the mindset of fully understanding and making it your own. I want to tell you all about my story, but it's too long... My learning order until I got a job was 1. Zerocho Node Crawling (when I knew nothing about JavaScript) 2. JavaScript (I kept learning repeatedly and studied mainly with Inflearn.) 3. Zerocho, Captain Pangyo Vue (I just got a taste of it, but I can't do a project with Vue now) 4. Life Coding React, Redux (YouTube) 5. John Ahn React Series (Inflearn) 6. Zerocho [Renewal] React Nodebird 7. Nextjs Toy Project (The most important!! A turning point in life) 8. Github Lawn Management 9. Development Blog 10. Resume, Portfolio Management 11. Interview and Job Search The period of time I spent preparing for a proper job search was shorter than I thought (4 months?), but I feel like I did a lot. The reason I was able to study a lot was because I kept studying when I didn't have work while working a night shift on Fridays and Saturdays, and when I couldn't go to work because of the coronavirus, I think I studied a lot at that time. I didn't get a job just by watching this lecture, but taking this lecture helped me a lot in getting a job. If I hadn't taken this lecture, I think I would have been working a different part-time job and continuing to study. After watching this lecture, you will gain the confidence to create any website. Fighting!!

5.0

자유인

91% enrolled

Hello! I took Zerocho's class and got a job at a blockchain company, and I'm writing a course review to promote my project separately :) I'll first reveal the project I'm currently maintaining while working at the company! It's almost the same stack as the Nodebird I wrote here, but TypeScript and Nest have been added! https://musicsseolprise.com You can come here! The person who's the subject of the project appeared on the broadcast, so I'm writing a course review to promote it☺️ The project I'm going to reveal is of a difficulty level that you can do if you just understand the Nodebird lectures well for the front end! For the back end, you have to study Nest.js separately. I was a major, but I wandered a lot except for the database I learned in my last semester as an undergraduate, so my grades weren't good, and you can see that my base was no different from that of a non-major. First of all, the biggest advantage of the course is the Q&A! I was a major, but I entered college late and lacked connections. So when I asked questions during the live lecture or Inflearn, they answered me very kindly. Thanks to you, I studied Linux together and it was a great help in getting into this company! And the front-end changes so quickly. So when you study, ask yourself why you are using the library, and if you still can't figure it out, look for other libraries and use the questions to improve your skills a lot! Personally, if you are a job seeker, I recommend Recoil.js for state management. In fact, if you do Saga with Redux, the amount of code will increase too much and your productivity will decrease. And Nest.js will be covered in a lecture later, but it is actually better to study Express in advance, so I recommend you study it and ask questions about refactoring! As a reference, I additionally studied TypeScript and replaced all my code with TypeScript! And I used a different style library. I also used Redux and then removed it and implemented Ajax with swr. And I used a browser-built API called intersection observer for infinite scrolling. Anyway, thank you so much, Zerocho, for always kindly answering questions even though you are busy!!

5.0

OCK Sam

97% enrolled

As a front-end developer in the field, I had difficulty developing back-end, and I wanted to try deployment, but I couldn't start because of a vague fear. However, through this lecture, I was able to deploy it myself and work on the back-end, so it was really good! For those who are taking the lecture, when taking the redux and saga class, if you are somewhat familiar with the pattern, it would be good to stop before working on redux and saga and work on redux, saga, and back-end router in the front before taking the lecture^^!

What you will gain after the course

  • React Development

  • Redux & Redux Saga

  • Using React Hooks

  • Styled Components

  • Ant Design

  • SWR

  • Server-side rendering

  • Search Engine Optimization

  • AWS Deployment

The newly updated ZeroCho's React NodeBird Project!

Renewed Items

It covers versions such as next@9, styled-components@5, antd@4, and node.js@14.

It is compatible with next@14 and node.js@20, so you may proceed with the latest versions. I have organized the migration methods for antd@5 and next-redux-wrapper@8 in the lecture notes and news (announcements). Please refer to them as you watch!

This course covers the Pages Router. The App Router course can be found at this link (click). Although the App Router course is newer, the reason I am keeping this course is that the App Router is still unstable, making it somewhat risky for professional use. I recommend using the Pages Router in practice until it becomes more stable.


A Word of Advice

Many students took this course last year. Thank you. However, there is one thing I would like to say. You do not become a full-stack developer simply by watching the lectures with your eyes (that is wishful thinking). You must type along yourself, resolve the errors that arise, and make the technology your own by creating features not covered in the course.

This course presents a curriculum that actually takes more than 6 months to complete, condensed into nearly 20 hours. HTML, CSS, JS, Node, MySQL, and AWS each require at least a month of investment to be properly digested. Therefore, even though the course is 20 hours long, additional study is necessary.


ZeroCho's React Learning
20-Hour Full-Stack Course!

▲ Creating NodeBird SNS

  • Learn everything from service implementation to deployment by building ZeroCho's signature project, NodeBird SNS, which is similar to Twitter (written as Twitter, but read as a knockoff).
  • You will learn Next.js(SSR) + React Hooks + Redux + Redux saga + Ant Design + Styled Components + Node + Express + Sequelize(MySQL).
  • Search engine optimization and AWS deployment (simply using EC2 + Lambda + S3 + Route53) are a bonus!

Build it yourself!

Login, posting, and likes
Image upload, comments, retweet

 

Infinite scrolling, follow, unfollow

 

Hashtag search, user profile

 

I provide quick answers
to your questions.

The advantage of my course is the Q&A. If you ask a question, I will answer within a day.
Feel free to ask questions about the course content and study actively.
It will be more helpful for understanding the material!


Introducing the Instructor.

Web Development Bestseller
<Node.js Textbook> Author

CTO of Today's Pickup
Co., Ltd.


Related Courses

Learning React by Building Web Games
Learn React for free through web games.
The focus is on the frontend, with the backend playing a supporting role.
[Renewal] Node.js Textbook - From Basics to Project Practice
After mastering the core concepts of Node,
you will be prepared to dive into real-world work through practical examples.
Building Nodebird SNS with Vue
A full-stack SNS course building with Vue!

Recommended for
these people

Who is this course right for?

  • Those who want to apply React, such as React Hooks or Next.js

  • Those who are interested in full-stack development

  • Aspiring Frontend Developer

  • Those who want to actively use the Next Page Router

Need to know before starting?

  • HTML, CSS knowledge

  • Modern JavaScript syntax knowledge

  • Watching ZeroCho's free React course

Hello
This is zerocho

67,592

Learners

1,737

Reviews

9,765

Answers

4.8

Rating

25

Courses

One of the key strengths of my courses is the Q&A support (Winner of the Inflearn Q&A King award twice). I respond to your questions within 24 hours, doing my best to help you out! I’ll answer your questions with the mindset that we are tackling the problems together!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
ZeroCho's full lecture roadmap. A complete roadmap of all my courses is available here.

– Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook
ZeroCho.com Operator
– Currently) Broadcasting development-related content on ZeroCho TV via YouTube
– Formerly) Smoretalk CTO
– Formerly) CTO of Today's Pickup (Youngest Development Team Lead at Kakao Mobility after exit to Kakao Mobility)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • Former CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

More

Curriculum

All

94 lectures ∙ (23hr 3min)

Published: 
Last updated: 

Reviews

All

177 reviews

4.9

177 reviews

  • ksw50621916님의 프로필 이미지
    ksw50621916

    Reviews 4

    Average Rating 5.0

    5

    91% enrolled

    Hello! I took Zerocho's class and got a job at a blockchain company, and I'm writing a course review to promote my project separately :) I'll first reveal the project I'm currently maintaining while working at the company! It's almost the same stack as the Nodebird I wrote here, but TypeScript and Nest have been added! https://musicsseolprise.com You can come here! The person who's the subject of the project appeared on the broadcast, so I'm writing a course review to promote it☺️ The project I'm going to reveal is of a difficulty level that you can do if you just understand the Nodebird lectures well for the front end! For the back end, you have to study Nest.js separately. I was a major, but I wandered a lot except for the database I learned in my last semester as an undergraduate, so my grades weren't good, and you can see that my base was no different from that of a non-major. First of all, the biggest advantage of the course is the Q&A! I was a major, but I entered college late and lacked connections. So when I asked questions during the live lecture or Inflearn, they answered me very kindly. Thanks to you, I studied Linux together and it was a great help in getting into this company! And the front-end changes so quickly. So when you study, ask yourself why you are using the library, and if you still can't figure it out, look for other libraries and use the questions to improve your skills a lot! Personally, if you are a job seeker, I recommend Recoil.js for state management. In fact, if you do Saga with Redux, the amount of code will increase too much and your productivity will decrease. And Nest.js will be covered in a lecture later, but it is actually better to study Express in advance, so I recommend you study it and ask questions about refactoring! As a reference, I additionally studied TypeScript and replaced all my code with TypeScript! And I used a different style library. I also used Redux and then removed it and implemented Ajax with swr. And I used a browser-built API called intersection observer for infinite scrolling. Anyway, thank you so much, Zerocho, for always kindly answering questions even though you are busy!!

    • kaei25740567님의 프로필 이미지
      kaei25740567

      Reviews 2

      Average Rating 4.5

      5

      97% enrolled

      As a front-end developer in the field, I had difficulty developing back-end, and I wanted to try deployment, but I couldn't start because of a vague fear. However, through this lecture, I was able to deploy it myself and work on the back-end, so it was really good! For those who are taking the lecture, when taking the redux and saga class, if you are somewhat familiar with the pattern, it would be good to stop before working on redux and saga and work on redux, saga, and back-end router in the front before taking the lecture^^!

      • qnrjs42님의 프로필 이미지
        qnrjs42

        Reviews 18

        Average Rating 4.8

        5

        99% enrolled

        If you are thinking about purchasing a course and reading this article, take it right away. You won't regret it. Hello, I got a job after taking this course. After taking this course or while taking it, decide on a toy project and execute it. And it would be good to have a habit of recording. Or, create a development blog. While taking the course, make sure to record the parts you don't know. It will be helpful if you write on the development blog with the mindset of fully understanding and making it your own. I want to tell you all about my story, but it's too long... My learning order until I got a job was 1. Zerocho Node Crawling (when I knew nothing about JavaScript) 2. JavaScript (I kept learning repeatedly and studied mainly with Inflearn.) 3. Zerocho, Captain Pangyo Vue (I just got a taste of it, but I can't do a project with Vue now) 4. Life Coding React, Redux (YouTube) 5. John Ahn React Series (Inflearn) 6. Zerocho [Renewal] React Nodebird 7. Nextjs Toy Project (The most important!! A turning point in life) 8. Github Lawn Management 9. Development Blog 10. Resume, Portfolio Management 11. Interview and Job Search The period of time I spent preparing for a proper job search was shorter than I thought (4 months?), but I feel like I did a lot. The reason I was able to study a lot was because I kept studying when I didn't have work while working a night shift on Fridays and Saturdays, and when I couldn't go to work because of the coronavirus, I think I studied a lot at that time. I didn't get a job just by watching this lecture, but taking this lecture helped me a lot in getting a job. If I hadn't taken this lecture, I think I would have been working a different part-time job and continuing to study. After watching this lecture, you will gain the confidence to create any website. Fighting!!

        • Where did you take the next.js toy project?

        • Irumnim, your reply is very late. I didn't even know you had replied because I didn't get an alarm. The toy project is similar to clone coding, but I didn't listen to the lecture, I chose a specific site and cloned it one by one.

      • heruse7318님의 프로필 이미지
        heruse7318

        Reviews 4

        Average Rating 2.5

        5

        37% enrolled

        I was a non-developer who didn't even know JavaScript. I listened to JavaScript through games on YouTube's Zerocho channel, and even Jasstone, and I wanted to start React quickly, so I quickly learned the concepts through the React beginner course and listened to this. Since it's a style that explains things based on principles, even non-majors can follow along if they're interested. You can just search on Google here and there for grammar. And the fact that you answer my questions quickly was a great guide.

        • sorayeon님의 프로필 이미지
          sorayeon

          Reviews 81

          Average Rating 5.0

          5

          99% enrolled

          I am satisfied with the lecture. It is easy to understand and the service works well. I will try changing to toolkit after completing the saga course. I tried one as a sample and it worked well. I am still happy because there are still Backend SSR deployments left. I will enjoy completing the course! Thank you.

          zerocho's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!

          $68.20