강의

멘토링

커뮤니티

Programming

/

Full-stack

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)

In this course, you will be able to create a Reddit website from scratch, step by step.

(4.1) 19 reviews

997 learners

Level Basic

Course period Unlimited

  • John Ahn
Clone Coding
Clone Coding
Node.js
Node.js
React
React
Next.js
Next.js
TypeScript
TypeScript
Clone Coding
Clone Coding
Node.js
Node.js
React
React
Next.js
Next.js
TypeScript
TypeScript

Reviews from Early Learners

Reviews from Early Learners

4.1

5.0

hi2177

68% enrolled

I like the lecture

5.0

dev.jun28

100% enrolled

Thank you for the great lecture.

5.0

이은영

97% enrolled

It was great to be able to listen to the latest typescript lecture. I was able to finish it because you explained it in detail. Thank you.

What you will gain after the course

  • React

  • TypeScript

  • PostgreSQL

  • Docker

  • NextJS

  • distribution

NextJS, Typescript, ExpressJS, Postgres
Clone Reddit with the hottest full-stack combinations! 👨‍💻

In this lecture?

Reddit, a global community site
Let's make it together from the beginning.

This course is designed to help you gain confidence in full-stack development by building a fairly complex application from scratch using the most popular full-stack combination in JavaScript today : NextJS, Typescript, ExpressJS, and Postgres .

A key feature of this course is that you can learn by following the source code from the beginning, step by step. We explain the source code line by line, then begin coding together, for repeated repetition . While the course is hands-on , we delve deeper into confusing or difficult concepts. We've made every effort to make all sections visually understandable through diagrams .

Languages and frameworks used 👉

When creating a Reddit site , the front-end part uses React's NextJS,
The backend uses NodeJS and ExpressJS. Both use TypeScript as their language. The database is PostgreSQL and is controlled using TypeORM.


Introducing what you will learn 📚

Section 1

Creating the overall structure

Prepare the frontend, backend, and database for use.

Section 2

Creating an Entity

Each entity is created to generate the data required by the application.

Section 3

Sign up, log in

We create membership registration and login pages and process user data using React Context.

Section 4

Create a community

Implements community creation pages, community creation, image upload, etc.

Section 5

Create a post page

Create posts in each community and create post pages.

Section 6

Implementing comment and voting features

Implement comment and voting features.

Section 7

Creating infinite scroll and user pages

Using useSWRInfinite and Intersection observer
We will implement the infinite scroll function and create a user page.

Section 8

Deploying the application

We will deploy the application we have created so far using an EC2 instance.

Knowledge sharer
Curious about other lectures? 📖

With over 50,000 cumulative students, this web development series is a learning-by-doing experience. 

Recommended for
these people

Who is this course right for?

  • Anyone who wants to build a full-stack app with JavaScript

  • People who want to study with fun

Need to know before starting?

  • JavaScript

  • ReactJS

  • NodeJS

Hello
This is

85,146

Learners

2,768

Reviews

2,430

Answers

4.8

Rating

20

Courses

Hello.

I am a developer who enjoys the process of development.

I hope I can be of great help to you in the future.


- Author of "Learning Docker and CI Environments by Following Along"
- FE Instructor for Kakao New Employee Recruitment
- Instructor at Fast Campus and Goorm
- Corporate Development Training for Hyundai Motor Company
- Full-stack development for Shinhan Bank Metaverse and Korbit Town
- Full-stack development for various public institution SNS platforms

Curriculum

All

103 lectures ∙ (17hr 39min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

19 reviews

4.1

19 reviews

  • skykimpro님의 프로필 이미지
    skykimpro

    Reviews 9

    Average Rating 4.8

    4

    97% enrolled

    I don't use it at work.. I decided to take the course because I was curious and interested in Node, React, Docker, and AWS deployment. The course materials are well organized, and each lecture is not too long, so it was easy to implement following the lecture, and the explanations were good. However, what's a bit disappointing is that I got lost in the deployment part and barely managed to deploy it. ㅋ Deploying to Docker and AWS.. These two are the parts I'm most unfamiliar with, so I wanted to experience them the most through the course. In the beginning, the screen implementation was explained in detail, but the course materials and videos were very disappointing in the deployment part. Overall, I think it's a good course to grasp the basic concepts and implement them!

    • hi2177님의 프로필 이미지
      hi2177

      Reviews 3

      Average Rating 5.0

      5

      68% enrolled

      I like the lecture

      • castle님의 프로필 이미지
        castle

        Reviews 9

        Average Rating 5.0

        5

        100% enrolled

        Thank you for the great lecture.

        • tkrhkdmsdud2019님의 프로필 이미지
          tkrhkdmsdud2019

          Reviews 1

          Average Rating 5.0

          5

          97% enrolled

          It was great to be able to listen to the latest typescript lecture. I was able to finish it because you explained it in detail. Thank you.

          • hyojjang86852637님의 프로필 이미지
            hyojjang86852637

            Reviews 2

            Average Rating 5.0

            5

            90% enrolled

            It was a great lecture to get a taste of NextJS and Docker! I will have to buy it again when a new lecture is released.

            $34.10

            John Ahn's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!