강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

Getting Started with Supabase and Next Full Stack (feat. Supabase OAuth, Next.js 14)

Firebase's SQL version! You can master the basics of Next.js full-stack development through Supabase!

(4.9) 28 reviews

431 learners

  • dodocoding
실습 중심
포트폴리오
Next.js
supabase
React
Clone Coding

Reviews from Early Learners

What you will learn!

  • Supabase (RLS, Table creation, API integration)

  • Next.js App Router

  • Vercel CI/CD and Optimization

  • Sharing ToDoList functionality using the MVC pattern.

  • Minimum Knowledge for a Next.js Server

  • Basics of TypeScript Typing

  • OAuth, Google Login, GitHub Login

Supabase is the easiest server for FE developers these days!
Supabase + NextJS 14 FullStack Basics

It contains only the parts necessary for practical use 🍭

Why you should choose Supabase over Firebase ! 😮 🌲

Have you heard of Supabase , the SQL version of Firebase ?

Supabase has the following advantages:

  • SQL DB features based on PostgreSQL

  • Delegation of authorization checks at the application level with strong RLS (row-level security).

  • REST API automatically created based on DB Schema

  • RealTime DataBase

  • OAuth 2.1 support (Google, GitHub, Kakao, Facebook login, etc.)

  • Admin page and official documentation with AI assistant and best developer experience


Supabase project you can create through lectures!

Features of this course

📌 Lecture Notes Guide: Goals for each chapter, review points, and more (official documents, concepts, etc.)

📌 Lecture Checkpoints Provided : Don't worry if you don't follow the code! There are branches for each chapter.

📌 10% theory, 90% practice : We also explain important theories such as Supabase RLS.

📌 Portfolio : You can get the results through clone coding.

I recommend this to these people


Supabase applies in just one day.

Developers/students who want to create a login-enabled website in one day using Supabase


Next.js 14 with supabase
With minimal Next.js server knowledge

How to apply Supabase to SSR, CSR


OAuth Social Login
Social login is difficult

How to solve it in one go

💡 The combination of Supbase + Next.js is the combination that can create a full-stack MVP project faster than anyone else!

After class

  • 📌 You can create a side project in just one day using Supabase.

  • 📌 You will learn about table creation, manipulation, RLS, triggers, and functions in PostgreSQL DB.

  • 📌 You can create ServerActions, Middleware, RSC, RouterHandler (API) of Next.js.

  • 📌 Learn UI development methods faster than anyone else with TailwindCSS.

  • 📌 Implement social login using Supabase Authentication.

  • 📌 Create a TodoApp project with sharing functionality.

Learn about these things.

Supabase SQL, RLS theory

  • Powerful DB features of PostgreSQL

  • SQL statements for creating, querying, modifying, deleting, and reading tables

  • Retrieving table information with REST API

  • Easy RLS explanation


Shared TodoApp (with Next.js 14)

  • Clone coding web using App Router

  • Todo App at Browser Rendering Level

  • Todo App using server actions

  • Social login feature and shareable Todo App

Supabase Editor with AI Assistant

  • Table Editor: Create a table

  • SQL Editor: Retrieving Data

  • Authentication : User Management

Minimum knowledge for Next.js 14 server

  • Router Handler

  • Middleware

  • RSC (React Server Component)

  • ServerActions

Things to note before taking the class

Practice environment

  • I use Node.js, VS Code, and GitHub.

Learning Materials

  • GitHub and Chapter-by-Chapter CheckPoints: Link

  • Handwritten notes and workbook provided! : Link

  • LiveDemo : Link

Player Knowledge and Notes

  • Basic knowledge of HTML, CSS, and React

  • Styling with TailwindCSS (+ summary lecture 😀 )

  • (*At first I hated TailwindCSS. But after the initial learning curve (about an hour), your development experience and development speed will be dramatically improved! You won't regret it.)


Recommended for
these people

Who is this course right for?

  • For those who want to start a project with Next.js

  • To FE developers considering adopting Supabase

  • For those who want to develop a server-side full-stack application with Next.js

Need to know before starting?

  • Basic level HTML, CSS, and React

Hello
This is

3,855

Learners

155

Reviews

88

Answers

4.8

Rating

5

Courses

  • 프론트 개발자로 네카라쿠배 중 하나의 IT서비스 기업에 재직하고 있습니다. 😀

  • 🚀 SW마에스트로 Expert 취업 멘토링

  • 🚀 Naver Boostcamp BE 멘토 경험

  • 🚀 FE 7Code 로드맵 강의 제작

Curriculum

All

68 lectures ∙ (7hr 12min)

Published: 
Last updated: 

Reviews

All

28 reviews

4.9

28 reviews

  • flyordig9340님의 프로필 이미지
    flyordig9340

    Reviews 4

    Average Rating 4.0

    5

    100% enrolled

    It was hard to find a Korean course that used supabase and nextjs together, but thanks to this, I can quickly create a full-stack web app. Thank you for the great course!

    • dodocoding
      Instructor

      Thank you so much for taking this course! Using Next.js and Supabase together is not an easy task. It requires a deep understanding of server-side rendering and full-stack development to utilize them properly. I hope this course will be of great help to you in your project. If you use this combination well, it will become the foundation for creating powerful and efficient web applications. I hope it will be a good guide for your development journey in the future, and I wish you further growth!

  • hanlee님의 프로필 이미지
    hanlee

    Reviews 2

    Average Rating 5.0

    5

    46% enrolled

    Hello, Coding Lupin, I am a YouTube subscriber :) First of all, thank you for uploading the lecture that I really needed. In particular, I am deeply grateful for the following two parts. (1) Next.js + Supabase - There are many Next.js lectures on Udemy, but I could not find a lecture that covers Supabase together with Next.js. - There are even fewer lectures in Korean, so thank you again. (2) Learning method - I became a coding avatar, paused, and learned by following the code without thinking. - I will apply the learning method (abstraction -> concretization) that you told me to acquire and embody knowledge. It would be good if you could announce the release of the Inflearn lecture on the YouTube community. [I only heard that the lecture is under review, so I am letting you know just in case.] Thank you.

    • dodocoding
      Instructor

      Hello. Hahaha, you're a subscriber.! Thank you for subscribing to my YouTube channel, which is always lacking. I'm a little late in delivering the news of the lecture release. ㅠㅠ, I really appreciate you applying for the lecture, which may be lacking. I'll remember HanLee, and if you have any questions about not only the lecture but also career paths and employment, I'll answer them more sincerely. ~ 👍

  • sh9508026566님의 프로필 이미지
    sh9508026566

    Reviews 2

    Average Rating 5.0

    5

    31% enrolled

    I wanted to try handling the server next time, so thank you!! 👩🏿‍🦰

  • dodoco님의 프로필 이미지
    dodoco

    Reviews 4

    Average Rating 5.0

    5

    31% enrolled

    I wanted to learn supabase, and this is great. It seems like a lecture that can be a very good foundation. I will work hard to create a project based on this.! next + supa full stack is powerful.

    • dodocoding
      Instructor

      Fighting! I think Superbase is the best for making projects really quickly.

  • yongseoknoh0209님의 프로필 이미지
    yongseoknoh0209

    Reviews 4

    Average Rating 4.8

    5

    31% enrolled

    $42.90

    dodocoding's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!