|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs-supabase/
课程评论：没有评论
curso de Coursera: [応用編] NextjsとSupabaseによるリアルタイムWeb開発 Este curso ensina como desenvolver aplicativos web em tempo real usando Next.js e Supabase em 4 etapas. Ele também abrange testes E2E (end-to-end) de aplicativos web desenvolvidos usando Cypress. **Etapas do curso:** 1. **Autenticação com Supabase e Next.js:** Aprenda a implementar funcionalidades de autenticação. 2. **Upload e download de imagens de avatar de usuário com Supabase Storage e Next.js:** Explore como gerenciar imagens de perfil de usuário. 3. **Subscrição em nível de tabela do Supabase (funcionalidade de notificação):** Implemente um sistema de notificações usando subscrições de tabela. 4. **Subscrição em nível de linha do Supabase (funcionalidade de postagem de imagem + comentários):** Crie funcionalidades interativas como postagens de imagens e comentários. **Pontos-chave do aprendizado:** * Desenvolvimento de aplicativos em tempo real com Next.js e Supabase. * Utilização do Supabase Storage para gerenciamento de arquivos. * Compreensão das subscrições em nível de tabela e linha do Supabase. * Integração de subscrições com o cache do React-query. * Realização de testes E2E com Cypress. **Tecnologias utilizadas:** * Next.js * Supabase * Cypress (Testes E2E) * React-query (Gerenciamento de dados do servidor e cache) * Zustand (Gerenciamento de estado do cliente) * TypeScript * Tailwind CSS
本コースでは、SupabaseのSubscriptionとNextjsと連携したReal-time Appの開発について4ステップで学習します。また、作成したWebアプリケーションに対してCypressを使用したE2Eテストを行います。Step1. SupabaseとNextjsによる認証機能Step2. Supabase StorageとNextjsによるユーザーAvatar画像のUploadとDownloadStep3. Supabase Table Level Subscription (お知らせ機能)Step4. Supabase Row Level Subscription (画像投稿+コメント機能)学習のポイントNextjsとSupabaseを連携したリアルタイムApp開発Supabase StorageSupabase Table/Row Level SubscriptionSubscriptionとReact-queryのCache連携CypressによるE2Eテスト本コースで使用するTech stackNextjsSupabaseCypress: E2E TestReact-query: サーバーデータ管理(cache)Zustand: クライアント状態管理TypescriptTailwind CSS
