채널톡 아이콘
BEST
개발 · 프로그래밍

/

풀스택

[풀스택 입문] Firebase보다 10배 좋은 Supabase

풀스택 개발에 날개를 달아줄 Supabase! Firebase의 상위호환인 Supabase로 풀스택 개발을 2시간만에 완성합니다.

(4.9) 수강평 83개

수강생 1,981명

PostgreSQLNext.jsTailwindCSSsupabase

초급자를 위해 준비한
[풀스택, supabase] 강의입니다.

이런 걸 배울 수 있어요

  • Supabase와 Next.js로 풀스택 개발 하는법

  • Supabase의 핵심 기능 4가지

  • Firebase vs Supabase 전격비교

  • PostgreSQL, Tailwind CSS, Next.js 14

이 강의를 통해 여러분은



SSR 기반의 웹 프레임워크인 Next.js와

강력한 백엔드 서비스인Supabase의 조합으로



미니 노트앱을 풀스택으로 개발하며

Supabase 사용법을 2시간만에 터득하게 됩니다!

Divider

파이어베이스의 강력한 대항마,

🚀슈파베이스🚀

PostgreSQL 기반으로 복잡한 요구사항도 쉽게 구현해요

실시간 데이터베이스 기능으로 실시간 채팅 개발도 더이상 무섭지 않아요

소셜 로그인 기능도 쉽게 구현해요 (카카오, 구글, etc)

SDK, GraphQL, API 등 나에게 편한 방식으로 손쉽게 연동해요

어드민 페이지와 자동으로 SQL을 만들어주는 AI 기능도 다 무료에요

이 강의를 수강하신 분들만

얻어가실 수 있는 혜택 3가지!

혜택 1⃣

Supabase의 이론과 실무를 모두 배워요!

(✅ 대시보드 사용법과 DB 쿼리를 작성하는 법을 상세히 배워요)

Supabase의 강력한 기능들을

살펴보면서 Supabase라는 서비스에 대해

빠르게 알아가실 수 있습니다 😉

혜택 2⃣

Supabase와 Next.js 14로

미니 노트앱을 만들어보며 풀스택 개발을 배웁니다!

(✅ Supabase를 활용한 풀스택 개발에 빠르게 익숙해집니다)

Divider

혜택 3⃣

이번 강의를 끝까지 수강하실 경우

[풀스택 완성] Supabase로 웹사이트 3개 클론하기

강좌의할인쿠폰을 제공해드립니다.

Supabase를 더 깊게 배워보고 싶으신 분들을 위해

인스타그램, 넷플릭스, 드랍박스를 클론하는 풀스택 강좌의

할인쿠폰을 제공해드립니다!

("강의를 마치며" 강좌 수업노트 참고)

이런 분들께 강력히 추천해요

풀스택 개발을
시작하고 싶은
프론트 개발자

Supabase가
어떤 서비스인지
궁금했던 분

사이드 프로젝트를
위한 백엔드 서비스를
찾고있는 개발자

Next.js 14와 Supabase의 강력한 조합으로🚀

가장 빠르게 풀스택 개발자로 만들어드립니다!

수강 전 참고 사항

학습 자료

선수 지식 및 유의사항

  • Supabase 개념과 사용법은 누구나 따라가실 수 있습니다

    ☺

  • UI 구현 강의를 수강하시려면 Next.js, Tailwind CSS 지식이 필요합니다.

구매 후에도 지속적으로 업데이트되는 강좌

  • 이해하기 어려우신 부분이 있다면 Q&A 외에도 보충설명 강의가 추가될 예정입니다.

  • Supabase에 새로운 기능이 추가된다면 강의가 업데이트 될 예정입니다.

#Next.js, #supabase, #tailwind-css, #react-query, #recoiljs, #firebase

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 풀스택 개발을 시작하고 싶은 프론트 개발자

  • Supabase가 어떤 서비스인지 궁금했던 분

  • 사이드 프로젝트를 준비하고 있는 개발자

안녕하세요
로펀입니다.

3,122

명

수강생

141

개

수강평

54

개

답변

4.9

점

강의 평점

5

개

강의

🚀 “핫한 스택으로 실전 서비스를 만드는 과정을 숨김없이 보여드립니다.”

이론보다는 프로젝트 위주의 실무 강의로 현업에 바로 도움이 될 수 있는 내용을 제공합니다.

  • (현) 스타트업 7년차 풀스택 개발

  • (강의) 스파르타 코딩클럽 강사

  • (교육) 한국과학기술원(KAIST) 전산학과

더보기

커리큘럼

전체

16개 ∙ (1시간 43분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

83개

4.9

83개의 수강평

  • bibipapa님의 프로필 이미지
    bibipapa

    수강평 2

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    강의를 기다리고 있던 Supabase를 드디어 배울 수 있게 해 주셔서 감사합니다! 그래서 바로 "[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)"를 결제했습니다. 그리고 로펀님께서 카카오맵 지도 API와 공공데이터포털 API 강의도 만들어 주시면 정말 감사하겠습니다. 앞으로도 많은 유익한 강의 부탁드립니다!

    • 로펀
      지식공유자

      풀스택 심화 강의까지 들어주시다니 너무 감사합니다 🙇‍♂️ 다음 강의는 프론트 개발자를 위한 백엔드 강의가 될 것 같아요 ㅎㅎ 언급해주신 카카오맵 API, 공공데이터포털 API를 활용한 강의도 강의 제작할 때 참고하겠습니다! 좋은 의견 주셔서 감사드립니다~

  • 우강건님의 프로필 이미지
    우강건

    수강평 1

    ∙

    평균 평점 5.0

    5

    31% 수강 후 작성

    • 권태은님의 프로필 이미지
      권태은

      수강평 1

      ∙

      평균 평점 5.0

      5

      31% 수강 후 작성

      • DevForGoal님의 프로필 이미지
        DevForGoal

        수강평 6

        ∙

        평균 평점 4.3

        5

        31% 수강 후 작성

        • 최진환님의 프로필 이미지
          최진환

          수강평 4

          ∙

          평균 평점 5.0

          5

          63% 수강 후 작성

          로펀님의 다른 강의

          지식공유자님의 다른 강의를 만나보세요!

          [국내 최초] 인프런 풀스택 클론코딩 Part 1 - Next.js x NestJS강의 썸네일

          [국내 최초] 인프런 풀스택 클론코딩 Part 1 - Next.js x NestJS

          로펀

          ₩165,000

          30%

          ₩115,500

          초급 / AWS, Docker, Next.js, NestJS, Prisma

          5.0

          (10)

          100+
          New
          New
          답변 활발
          답변 활발

          🔥 국내 최초! Next.js 15와 NestJS를 활용한 국내 최초의 풀스택 강의입니다. Node.js 생태계 안에서 프론트부터 백엔드, 배포까지 언어 전환 없이 진짜 풀스택 흐름을 하나로 체험할 수 있는 강의입니다. 인프런을 똑 닮은 강의 플랫폼을 직접 만들며, 실무 수준 구조를 익히고 완성형 포트폴리오도 함께 가져가세요!

          초급

          초급

          AWS, Docker, Next.js

          프론트 개발자를 위한 백엔드 101 (NestJS, TypeORM)강의 썸네일

          프론트 개발자를 위한 백엔드 101 (NestJS, TypeORM)

          로펀

          ₩55,000

          초급 / NestJS, TypeORM, PostgreSQL, AWS, aws-rds

          4.9

          (7)

          100+
          Update
          Update
          답변 활발
          답변 활발

          가장 빠르게 백엔드를 입문하게 도와주는 NestJS! 여러 실습 프로젝트를 통해 백엔드 프레임워크인 NestJS와 TypeORM, 그리고 서버 개발자라면 꼭 알아야 할 필수 이론 지식까지 속성으로 배우게 됩니다.

          초급

          초급

          NestJS, TypeORM, PostgreSQL

          [풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)강의 썸네일

          [풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

          로펀

          ₩99,000

          초급 / Next.js, supabase, TailwindCSS, react-query, Firebase

          4.9

          (41)

          700+
          Update
          Update
          답변 활발
          답변 활발

          풀스택 개발에 날개를 달아줄 Supabase! 3가지의 클론 프로젝트를 통해 Next.js 14와 Supabase로 실무 수준의 풀스택 개발을 하는 법을 속성으로 배우게 됩니다.

          초급

          초급

          Next.js, supabase, TailwindCSS

          비슷한 강의

          같은 분야의 다른 강의를 만나보세요!

          [풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)강의 썸네일

          [풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

          로펀

          ₩99,000

          초급 / Next.js, supabase, TailwindCSS, react-query, Firebase

          4.9

          (41)

          700+
          Update
          Update
          답변 활발
          답변 활발

          풀스택 개발에 날개를 달아줄 Supabase! 3가지의 클론 프로젝트를 통해 Next.js 14와 Supabase로 실무 수준의 풀스택 개발을 하는 법을 속성으로 배우게 됩니다.

          초급

          초급

          Next.js, supabase, TailwindCSS

          [국내 최초] 인프런 풀스택 클론코딩 Part 1 - Next.js x NestJS강의 썸네일

          [국내 최초] 인프런 풀스택 클론코딩 Part 1 - Next.js x NestJS

          로펀

          ₩165,000

          30%

          ₩115,500

          초급 / AWS, Docker, Next.js, NestJS, Prisma

          5.0

          (10)

          100+
          New
          New
          답변 활발
          답변 활발

          🔥 국내 최초! Next.js 15와 NestJS를 활용한 국내 최초의 풀스택 강의입니다. Node.js 생태계 안에서 프론트부터 백엔드, 배포까지 언어 전환 없이 진짜 풀스택 흐름을 하나로 체험할 수 있는 강의입니다. 인프런을 똑 닮은 강의 플랫폼을 직접 만들며, 실무 수준 구조를 익히고 완성형 포트폴리오도 함께 가져가세요!

          초급

          초급

          AWS, Docker, Next.js

          공식문서로 배우는 실전 타입스크립트강의 썸네일

          공식문서로 배우는 실전 타입스크립트

          어쩔코딩

          ₩22,000

          입문 / TypeScript, JavaScript, ES6, Node.js, Next.js

          5.0

          (2)

          타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

          입문

          입문

          TypeScript, JavaScript, ES6

          [코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스강의 썸네일

          [코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

          코드캠프

          ₩396,000

          입문 / React, Next.js, GraphQL, SEO, Node.js

          4.5

          (78)

          1,800+
          Update
          Update

          1년간 300여명의 개발자를 배출한 ‘진짜’ 부트캠프의 고농축 커리큘럼 입니다. 이 강의 하나로 여러분은 현업 주니어 개발자 수준까지 성장 가능하며, 프론트엔드 기술스택의 활용 능력과 지식을 얻게 될거에요. 누구나 사회적, 경제적, 교육적 배경에 상관없이 커리어를 쌓을 수 있도록, [인프런X코드캠프]가 준비했습니다 :)

          입문

          입문

          React, Next.js, GraphQL

          프로젝트로 쉽게 배우는 Svelte(SvelteKit + Supabase)강의 썸네일

          프로젝트로 쉽게 배우는 Svelte(SvelteKit + Supabase)

          Michael Kwon

          ₩49,500

          초급 / Svelte, sveltekit, supabase

          5.0

          (7)

          Update
          Update
          답변 활발
          답변 활발

          체계적인 단계의 프로젝트 실습과 배포, 빌트인 store 활용, SvelteKit와 Supabase로 풀스택 애플리케이션까지 한방에!

          초급

          초급

          Svelte, sveltekit, supabase

          따라하며 배우는 리액트 A-Z[19버전 반영]강의 썸네일

          따라하며 배우는 리액트 A-Z[19버전 반영]

          John Ahn

          ₩55,000

          초급 / React, Next.js, TypeScript, TDD, Redux, 소프트웨어 테스트

          4.7

          (84)

          2,800+
          Update
          Update

          이 강의를 통해 리액트 기초부터 중급까지 배우게 됩니다. 하나의 강의로 개념도 익히고 실습도 하며, 리액트를 위해 필요한 대부분의 지식을 한번에 습득할 수 있도록 만들었습니다.

          초급

          초급

          React, Next.js, TypeScript

          바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기강의 썸네일

          바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

          ludgi

          ₩5,500

          초급 / whisper, FastAPI, Next.js, openai-whisper

          3.8

          (4)

          Update
          Update

          Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

          초급

          초급

          whisper, FastAPI, Next.js

          웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크강의 썸네일

          웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

          코드캠프

          ₩48,400

          초급 / React, Next.js, expo, React Native

          4.7

          (3)

          Update
          Update
          답변 활발
          답변 활발

          웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

          초급

          초급

          React, Next.js, expo

          Tailwind CSS 실전 포트폴리오 퍼블리싱강의 썸네일

          Tailwind CSS 실전 포트폴리오 퍼블리싱

          코딩웍스(Coding Works)

          ₩55,000

          초급 / TailwindCSS, HTML/CSS

          5.0

          (3)

          Update
          Update
          답변 활발
          답변 활발

          [Tailwind CSS 실전 포트폴리오 퍼블리싱]은 Tailwind CSS를 활용해 26가지 이상의 다양한 실전 예제 제작하는 과정입니다. 실전 예제를 빠르게 다양하게 제작하면 그 속에서 필수적인 이론을 설명합니다. 해당 강의는 개발자와 퍼블리셔가 만드는 Tailwind CSS 스타일링을 중심으로 제작되었습니다.

          초급

          초급

          TailwindCSS, HTML/CSS

          [2025 신규] 어서와, Fast API는 처음이지?강의 썸네일

          [2025 신규] 어서와, Fast API는 처음이지?

          RAZOR

          ₩69,300

          초급 / FastAPI, Python, PostgreSQL, database, python-dash

          5.0

          (1)

          ★PYTHON★ Fast API를 활용한 Server 개발 기초 강의입니다. Fast API, SQLAlchemy, Pydantic, Starlette 등 여러 Package를 활용해 쉽고, 빠르고, 간편하게 Server 개발하는 방법을 배워가세요! PostgreSQL과의 연동은 물론 DB Backup파일도 준비되어 있으니 걱정마세요! Dash와 Plotly를 활용한 UI Design "기초"를 알려드리고 강의에 사용된 Source Code도 제공해드립니다 :)

          초급

          초급

          FastAPI, Python, PostgreSQL

          최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리강의 썸네일

          최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

          짐코딩

          ₩22,000

          초급 / Vue.js, Vue 3, TailwindCSS, ESLint

          5.0

          (10)

          300+
          Update
          Update
          답변 활발
          답변 활발

          "Vue 3 완벽 마스터" 후속 강의로 최신 Vue 3 버전의 프로젝트 설정과 최신 스펙을 익히는 강의입니다. Vue 기본편 또는 실전편을 수강하신 분들에게 무료로 제공되는 강의입니다.

          초급

          초급

          Vue.js, Vue 3, TailwindCSS

          찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)강의 썸네일

          찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

          ludgi

          ₩16,500

          중급이상 / Next.js, React, GraphQL, Prisma, AWS

          5.0

          (1)

          Update
          Update

          찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

          중급이상

          중급이상

          Next.js, React, GraphQL

          [C#/.NET 8.0]어서와, WinForm은 처음이지?강의 썸네일

          [C#/.NET 8.0]어서와, WinForm은 처음이지?

          RAZOR

          ₩66,000

          초급 / .NET, winform, PostgreSQL

          4.7

          (15)

          100+
          Update
          Update

          ★.NET 8.0★ Winform을 활용한 Windows Desktop 개발 기초 강의입니다. EntityFrameworkCore를 활용한 DB CRUD를 편하게 하는 방법을 배워가세요. 느슨한 결합에 기반한 클래스 설계 방법과 Form UI Design "기초"를 알려드립니다. 강의에 사용된 Source Code도 제공해드립니다 :)

          초급

          초급

          .NET, winform, PostgreSQL

          프론트 개발자를 위한 백엔드 101 (NestJS, TypeORM)강의 썸네일

          프론트 개발자를 위한 백엔드 101 (NestJS, TypeORM)

          로펀

          ₩55,000

          초급 / NestJS, TypeORM, PostgreSQL, AWS, aws-rds

          4.9

          (7)

          100+
          Update
          Update
          답변 활발
          답변 활발

          가장 빠르게 백엔드를 입문하게 도와주는 NestJS! 여러 실습 프로젝트를 통해 백엔드 프레임워크인 NestJS와 TypeORM, 그리고 서버 개발자라면 꼭 알아야 할 필수 이론 지식까지 속성으로 배우게 됩니다.

          초급

          초급

          NestJS, TypeORM, PostgreSQL

          ₩22,000