강의

멘토링

로드맵

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

995 learners

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

Reviews from Early Learners

What you will learn!

  • 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

84,234

Learners

2,698

Reviews

2,430

Answers

4.8

Rating

20

Courses

안녕하세요. 

즐겁게 개발하고 있는 개발자입니다. 

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

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.

            Limited time deal

            $26.40

            22%

            $34.10

            John Ahn's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!