Mobile App Development with React Native, Supabase, and Next.js

Mobile App Development with React Native, Supabase, and Next.js

freeCodeCamp.org via freeCodeCamp Direct link

Code walkthrough

37 of 81

37 of 81

Code walkthrough

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Mobile App Development with React Native, Supabase, and Next.js

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Create a new React Native Expo Application
  3. 3 Expo Router tutorial
  4. 4 Expo Router File-based routing Create Pages
  5. 5 Master Layouts in Expo Router
  6. 6 Build Home Page
  7. 7 Dynamic Pages in Expo Category Page
  8. 8 Zustand in React Native Cart State
  9. 9 Product Details Page Build
  10. 10 Cart Page Build
  11. 11 Orders Page Build
  12. 12 Order Details Page Build
  13. 13 Auth Page Build
  14. 14 Supabase Intro
  15. 15 Supabase Auth Provider
  16. 16 Supabase Login in React Native
  17. 17 Supabase SQL, Triggers, Functions
  18. 18 Row Level Security Supabase
  19. 19 Bootstrap NextJS Application with Typescript
  20. 20 Master Routing in NextJS
  21. 21 Supabase, Server Side Rending and Supabase Types
  22. 22 Supabase Email and Password Authentication
  23. 23 Authorization and Routes Protection in NextJS
  24. 24 Role Level Security / Authorization
  25. 25 Layout in NextJS
  26. 26 Signout And Theming
  27. 27 Category Table Supabase
  28. 28 Fetch Category Server Action
  29. 29 Product Schema and Row Level Security
  30. 30 Category Page Setup
  31. 31 Code walkthrough
  32. 32 Category Page UI Implementation
  33. 33 Category Page UI Completion
  34. 34 Create Category And Supabase Storage
  35. 35 Update And Delete Category
  36. 36 Product Page Setup
  37. 37 Code walkthrough
  38. 38 Create product Schema
  39. 39 Product CRUD actions
  40. 40 Product Page Utility Setup
  41. 41 Product Page Layout
  42. 42 Project Walkthrough So Far
  43. 43 React Query
  44. 44 Fetching Products and Categories
  45. 45 Supabase types React Native
  46. 46 Displaying Categories
  47. 47 Display Product Details Page Data
  48. 48 Category Details Page
  49. 49 Cart Page Fixes
  50. 50 Orders Supabase
  51. 51 Display Orders
  52. 52 Create Order Function
  53. 53 Create Order Item function
  54. 54 Create Order Item
  55. 55 Order Details Page
  56. 56 Orders Page
  57. 57 Fetching Orders With Products
  58. 58 Fetching Orders Page Component
  59. 59 Orders Management Table
  60. 60 Order Action View Order Products
  61. 61 Order Status Select Dropdown
  62. 62 Order Status Change Server Action
  63. 63 Order Update Real-Time Subscription
  64. 64 Supabase Local Setup
  65. 65 Using Environment Variables in Expo
  66. 66 Stripe Integration and Edge Functions
  67. 67 Stripe Checkout
  68. 68 Supabase Migrations and User Schema Update
  69. 69 Create Stripe Customer
  70. 70 EAS Setup
  71. 71 Notification Setup
  72. 72 Testing Push Notification on A Real Device
  73. 73 Realtime Admin Order Status Notification
  74. 74 Orders Chart
  75. 75 Product Category Chart
  76. 76 Latest Users Chart
  77. 77 Landing Page Setup
  78. 78 Hero Section
  79. 79 Home Page Completion
  80. 80 Deployment To Vercel
  81. 81 Deployment Fixes

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.