Visão Geral

Este curso apresenta como desenvolver aplicações completas usando React JS no frontend e Supabase como backend as-a-service, integrando autenticação, banco de dados, storage e APIs em tempo real. O aluno aprenderá a criar aplicações modernas com arquitetura limpa, escaláveis e fáceis de manter.

Objetivo

Após realizar este curso, você será capaz de:

• Configurar um projeto React integrado ao Supabase
• Implementar autenticação de usuários com diferentes provedores
• Criar, ler, atualizar e deletar dados no Supabase
• Gerenciar arquivos e armazenamento no Supabase
• Construir funções serverless e integrá-las ao frontend
• Desenvolver uma aplicação completa pronta para produção

Publico Alvo

• Iniciantes e intermediários em desenvolvimento web
• Estudantes de TI
• Desenvolvedores front-end que querem aprender backend as-a-service
• Pessoas que querem criar apps completos sem configurar servidores

Pre-Requisitos

• Lógica de programação básica
• Conhecimento básico de JavaScript
• Noções de HTML/CSS
• Noções básicas de React (componentes, props, estado)

Conteúdo Programatico

Module 1 – Introduction to React and Supabase

1. What is Supabase and how it works
2. React ecosystem overview
3. Project setup with Vite or Create React App
4. Connecting React to Supabase SDK

Module 2 – Supabase Authentication

1. Setting up email/password authentication
2. Third-party authentication providers
3. Magic links and session handling
4. Protected routes in React

Module 3 – Database Operations

1. Creating tables and relationships
2. CRUD operations (Create, Read, Update, Delete)
3. Real-time updates with Supabase Realtime
4. Row Level Security (RLS) rules

Module 4 – File Storage and Media Handling

1. Uploading files and images
2. Bucket management and permissions
3. Displaying media in React components
4. User profile system with avatars

Module 5 – Supabase Edge Functions

1. Introduction to serverless functions
2. Creating and deploying Edge Functions
3. Using Edge Functions with React
4. Security with API keys and JWT

Module 6 – Building a Full Application

1. Full project structure and architecture
2. State management options (Context API / Zustand)
3. Integrating authentication, database, storage
4. Deploying React + Supabase to production
5. Final improvements and best practices

Module 7 – Extra Features

1. Real-time chat or notifications
2. Apollo or React Query integration
3. Error handling and logging
4. UX improvements and performance optimization