Cules Coding
Cules Coding
  • Видео 136
  • Просмотров 357 997
9. How to add Pagination in Nextjs using @Supabase with Server Component & Server Action | React
Learn how to add Pagination in Nextjs using @Supabase with Server Component & Server Action
0:00 Crate Pagination component
1:30 Add pagination logic
Code: github.com/thatanjan/supabase-db-yt
Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej
Code: github.com/thatanjan/supabase-auth-yt
Daisyui: ruclips.net/video/g12_6l53uMM/видео.html
Firebase Firestore: ruclips.net/video/PoTUX9_3LaQ/видео.html
Contacts:
Email: thatanjan@gmail.com
Portfolio: thatanjan.vercel.app/
Blog: cules-coding.vercel.app/
Linkedin: linkedin.com/in/thatanjan/
Github: github.com/thatanjan/
Twitter: thatAnjan
Blogs you might want to read:
Eslint, prettier setup with TypeScript and react: www.culescod...
Просмотров: 17

Видео

8. How to Filter & Sort data in @Supabase using Nextjs 15 Server Component & Server Action | React6:338. How to Filter & Sort data in @Supabase using Nextjs 15 Server Component & Server Action | React
8. How to Filter & Sort data in @Supabase using Nextjs 15 Server Component & Server Action | React
Просмотров 312 часа назад
Learn how to add filter & sort data in @Supabase using Nextjs Server Component & Server Action. Code: github.com/thatanjan/supabase-db-yt Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej Code: github.com/thatanjan/supabase-auth-yt Daisyui: ruclips.net/video/g12_6l53uMM/видео.html Firebase Firestore: ruclips.net/video/PoTUX9_3LaQ/видео.html Contacts: Email: thatanjan@gmai...
7. How to join tables in @Supabase using Nextjs 15 Server Component & Server Action | React3:287. How to join tables in @Supabase using Nextjs 15 Server Component & Server Action | React
7. How to join tables in @Supabase using Nextjs 15 Server Component & Server Action | React
Просмотров 384 часа назад
Learn how to add profile data in @Supabase using Nextjs Server Component & Server Action. Code: github.com/thatanjan/supabase-db-yt Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej Code: github.com/thatanjan/supabase-auth-yt Daisyui: ruclips.net/video/g12_6l53uMM/видео.html Firebase Firestore: ruclips.net/video/PoTUX9_3LaQ/видео.html Contacts: Email: thatanjan@gmail.com ...
6. How to add Profile data in Supabase using Nextjs 15 Server Component & Server Action | React15:306. How to add Profile data in Supabase using Nextjs 15 Server Component & Server Action | React
6. How to add Profile data in Supabase using Nextjs 15 Server Component & Server Action | React
Просмотров 877 часов назад
Learn how to add profile data in supabase using Nextjs Server Component & Server Action. Timestamp: 0:00 Problem with user data 0:50 Solution 1:20 Foreign key 3:30 Create Profiles table 5:10 Create function and trigger 8:10 Add Github auth 13:35 Add user to posts Code: github.com/thatanjan/supabase-db-yt Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej Code: github.com/t...
5. How to Delete Data in Supabase using Nextjs 15 Server Component & Server Action | React3:335. How to Delete Data in Supabase using Nextjs 15 Server Component & Server Action | React
5. How to Delete Data in Supabase using Nextjs 15 Server Component & Server Action | React
Просмотров 499 часов назад
Learn how to delete data in supabase using Nextjs Server Component & Server Action. Code: github.com/thatanjan/supabase-db-yt Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej Code: github.com/thatanjan/supabase-auth-yt Daisyui: ruclips.net/video/g12_6l53uMM/видео.html Firebase Firestore: ruclips.net/video/PoTUX9_3LaQ/видео.html Contacts: Email: thatanjan@gmail.com Portfo...
4. Update Data in Supabase using Nextjs 15 Server Component & Server Action | React7:354. Update Data in Supabase using Nextjs 15 Server Component & Server Action | React
4. Update Data in Supabase using Nextjs 15 Server Component & Server Action | React
Просмотров 13416 часов назад
Learn how to add data in supabase using Nextjs Server Component & Server Action. Code: github.com/thatanjan/supabase-db-yt Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej Code: github.com/thatanjan/supabase-auth-yt Daisyui: ruclips.net/video/g12_6l53uMM/видео.html Firebase firestore: ruclips.net/video/PoTUX9_3LaQ/видео.html Contacts: Email: thatanjan@gmail.com Portfolio...
3. Read Data in Supabase using Nextjs 15 Server Component & Server Action | React7:393. Read Data in Supabase using Nextjs 15 Server Component & Server Action | React
3. Read Data in Supabase using Nextjs 15 Server Component & Server Action | React
Просмотров 24419 часов назад
Learn how to add data in supabase using Nextjs Server Component & Server Action. Timestamp 0:00 Fetch data 2:25 Rename column 3:15 Display data on the page 4:15 Fetch single row data Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej Code: github.com/thatanjan/supabase-auth-yt Daisyui: ruclips.net/video/g12_6l53uMM/видео.html Firebase firestore: ruclips.net/video/PoTUX9_3L...
2. Create Data in Supabase using Nextjs 15 Server Component & Server Action | React16:492. Create Data in Supabase using Nextjs 15 Server Component & Server Action | React
2. Create Data in Supabase using Nextjs 15 Server Component & Server Action | React
Просмотров 16021 час назад
Learn how to add data in supabase using Nextjs Server Component & Server Action. Timestamp: 0:00 Explain schema and table 1:15 Create table 6:50 Create server action 10:00 form UI 14:20 Fixing input reset problem 16:00 Create multiple rows Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej Code: github.com/thatanjan/supabase-auth-yt Daisyui: ruclips.net/video/g12_6l53uMM/в...
1. Setup Supabase Database with Nextjs 15 | Server Component | Server Action | React5:561. Setup Supabase Database with Nextjs 15 | Server Component | Server Action | React
1. Setup Supabase Database with Nextjs 15 | Server Component | Server Action | React
Просмотров 385День назад
Introducing you to Supabase Database with Nextjs 15, where we will understand what Supabase is and why we need it. Also, how to set up nextjs with superbase. Timestamp: 0:00 What is Supabase & why do we need Supabase? 1:50 Setup supabase project 2:30 Setup nextjs with supabase Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej Code: github.com/thatanjan/supabase-auth-yt Da...
8. How to protect a page in Nextjs with Supabase | Authorization | Server Component | Server Action11:488. How to protect a page in Nextjs with Supabase | Authorization | Server Component | Server Action
8. How to protect a page in Nextjs with Supabase | Authorization | Server Component | Server Action
Просмотров 23521 день назад
Learn How to protect a page in Nextjs with Supabase with Supabase. Timestamp 0:00 What is Authorization? 0:45 Optimistic checks vs. Secure checks 2:50 What is a Data Access Layer(DAL)? 3:25 What is Data Transfer Objects? 4:25 How to protect a page or an api route using middleware? 10:00 getUser vs getSession in Supabase Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej Co...
7. How to log in with OTP with Supabase & Nextjs | Server Component | Server Action6:357. How to log in with OTP with Supabase & Nextjs | Server Component | Server Action
7. How to log in with OTP with Supabase & Nextjs | Server Component | Server Action
Просмотров 19021 день назад
Learn how to log in with an OTP with Supabase and Next.js. Timestamp 0:00 Introduction 0:20 Add otp authentication Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej Code: github.com/thatanjan/supabase-auth-yt Daisyui: ruclips.net/video/g12_6l53uMM/видео.html Firebase firestore: ruclips.net/video/PoTUX9_3LaQ/видео.html Contacts: Email: thatanjan@gmail.com Portfolio: thatan...
6. How to log in with Magic Link with Supabase & Nextjs | Server Component | Server Action4:206. How to log in with Magic Link with Supabase & Nextjs | Server Component | Server Action
6. How to log in with Magic Link with Supabase & Nextjs | Server Component | Server Action
Просмотров 18821 день назад
Learn how to log in with a magic link with Supabase and Next.js. Timestamp 0:00 Introduction 0:15 Changing Email template for Reset password 1:05 Server Action 3:00 Using the server action Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej Code: github.com/thatanjan/supabase-auth-yt Daisyui: ruclips.net/video/g12_6l53uMM/видео.html Firebase firestore: ruclips.net/video/PoT...
5. How to add reset password feature with Supabase & Nextjs | Server Component | Server Action9:525. How to add reset password feature with Supabase & Nextjs | Server Component | Server Action
5. How to add reset password feature with Supabase & Nextjs | Server Component | Server Action
Просмотров 26721 день назад
Learn how to add a reset password feature with Supabase and Next.js. Timestamp 0:00 Introduction 0:15 Changing Email template for Reset password 1:05 Server Action 3:00 Using the server action Supabase Auth Playlist: ruclips.net/p/PLEr-WXao6eSPa_4SyZIpn_lPE-3G2H1ej Code: github.com/thatanjan/supabase-auth-yt Daisyui: ruclips.net/video/g12_6l53uMM/видео.html Firebase firestore: ruclips.net/video...
4. How to sign up with Email and Password in Nextjs with Supabase | Server Component | Server Action15:274. How to sign up with Email and Password in Nextjs with Supabase | Server Component | Server Action
4. How to sign up with Email and Password in Nextjs with Supabase | Server Component | Server Action
Просмотров 32521 день назад
Learn how to sign in and sign up with Email and Password in Nextjs with Supabase. We will learn: - how to setup an SMTP server with Brevo - How to use useActionState for sign in form - How to create a new account with an email and password - How to login with an email and password Timestamp 0:00 Introduction 0:20 Setup Brevo smtp server 3:40 Create server action for signup 6:05 Add the form to ...
3. How to add Github OAuth in Nextjs with Supabase | Server Component | Server Action | Github Login4:583. How to add Github OAuth in Nextjs with Supabase | Server Component | Server Action | Github Login
3. How to add Github OAuth in Nextjs with Supabase | Server Component | Server Action | Github Login
Просмотров 17828 дней назад
Learn how to add GitHub OAuth in Nextjs with Supabase. 0:00 Introduction 0:15 GitHub OAuth App Setup 1:40 Add GitHub OAuth in Next.js with Server Actions 3:30 Supabase Identity Linking 4:40 Outro Timestamp: 0:00 Introduction 0:15 Google project setup for OAuth 3:51 Adding the UI part 1 5:15 Implicit vs pkce flow 6:00 How PKCE flow works 7:38 Create server action for Google oAuth 13:15 How to ge...
2. How to add Google OAuth in Nextjs with Supabase | Server Component | Server Action | Google Login20:052. How to add Google OAuth in Nextjs with Supabase | Server Component | Server Action | Google Login
2. How to add Google OAuth in Nextjs with Supabase | Server Component | Server Action | Google Login
Просмотров 64428 дней назад
2. How to add Google OAuth in Nextjs with Supabase | Server Component | Server Action | Google Login
1. Introduction to Supabase Auth with Nextjs 15 | Server Component | Server Action | React6:191. Introduction to Supabase Auth with Nextjs 15 | Server Component | Server Action | React
1. Introduction to Supabase Auth with Nextjs 15 | Server Component | Server Action | React
Просмотров 44728 дней назад
1. Introduction to Supabase Auth with Nextjs 15 | Server Component | Server Action | React
How to use loading state with server action | UseActionState tutoria| How to update UseActionState16:25How to use loading state with server action | UseActionState tutoria| How to update UseActionState
How to use loading state with server action | UseActionState tutoria| How to update UseActionState
Просмотров 225Месяц назад
How to use loading state with server action | UseActionState tutoria| How to update UseActionState
How to build a full stack search engine with Algolia, Nextjs and MongoDB | React | 202433:07How to build a full stack search engine with Algolia, Nextjs and MongoDB | React | 2024
How to build a full stack search engine with Algolia, Nextjs and MongoDB | React | 2024
Просмотров 191Месяц назад
How to build a full stack search engine with Algolia, Nextjs and MongoDB | React | 2024
Easiest way for Responsive Design in Tailwind with Fluid Tailwind plugin | Tailwind CSS | NextJS7:00Easiest way for Responsive Design in Tailwind with Fluid Tailwind plugin | Tailwind CSS | NextJS
Easiest way for Responsive Design in Tailwind with Fluid Tailwind plugin | Tailwind CSS | NextJS
Просмотров 5363 месяца назад
Easiest way for Responsive Design in Tailwind with Fluid Tailwind plugin | Tailwind CSS | NextJS
DAISY UI crash course with NEXT.JS | Tailwind CSS | React UI Framework33:51DAISY UI crash course with NEXT.JS | Tailwind CSS | React UI Framework
DAISY UI crash course with NEXT.JS | Tailwind CSS | React UI Framework
Просмотров 8033 месяца назад
DAISY UI crash course with NEXT.JS | Tailwind CSS | React UI Framework
What is Cron Jobs? How to use Cron Jobs in Node.js? Node Cron11:51What is Cron Jobs? How to use Cron Jobs in Node.js? Node Cron
What is Cron Jobs? How to use Cron Jobs in Node.js? Node Cron
Просмотров 1163 месяца назад
What is Cron Jobs? How to use Cron Jobs in Node.js? Node Cron
Tailwind Variants crash course with Nextjs | How to create variants in Tailwind CSS19:53Tailwind Variants crash course with Nextjs | How to create variants in Tailwind CSS
Tailwind Variants crash course with Nextjs | How to create variants in Tailwind CSS
Просмотров 1,2 тыс.7 месяцев назад
Tailwind Variants crash course with Nextjs | How to create variants in Tailwind CSS
Material Tailwind crash course with NEXT.JS | Tailwind CSS | React UI Framework | Material Design29:03Material Tailwind crash course with NEXT.JS | Tailwind CSS | React UI Framework | Material Design
Material Tailwind crash course with NEXT.JS | Tailwind CSS | React UI Framework | Material Design
Просмотров 6 тыс.7 месяцев назад
Material Tailwind crash course with NEXT.JS | Tailwind CSS | React UI Framework | Material Design
NEXT UI crash course with NEXT.JS | Tailwind CSS | React UI Framework37:35NEXT UI crash course with NEXT.JS | Tailwind CSS | React UI Framework
NEXT UI crash course with NEXT.JS | Tailwind CSS | React UI Framework
Просмотров 17 тыс.8 месяцев назад
NEXT UI crash course with NEXT.JS | Tailwind CSS | React UI Framework
NextJS Loading UI & How React Streaming and Suspense works | App Router | loading.js17:49NextJS Loading UI & How React Streaming and Suspense works | App Router | loading.js
NextJS Loading UI & How React Streaming and Suspense works | App Router | loading.js
Просмотров 1 тыс.8 месяцев назад
NextJS Loading UI & How React Streaming and Suspense works | App Router | loading.js
Don’t make this mistake with React Context in Nextjs and how to setup correctly5:17Don’t make this mistake with React Context in Nextjs and how to setup correctly
Don’t make this mistake with React Context in Nextjs and how to setup correctly
Просмотров 7429 месяцев назад
Don’t make this mistake with React Context in Nextjs and how to setup correctly
10 things you should know about Component composition in Nextjs16:1710 things you should know about Component composition in Nextjs
10 things you should know about Component composition in Nextjs
Просмотров 3159 месяцев назад
10 things you should know about Component composition in Nextjs
Setup NextJs 14 with MongoDB and Mongoose | React | instrumentation16:48Setup NextJs 14 with MongoDB and Mongoose | React | instrumentation
Setup NextJs 14 with MongoDB and Mongoose | React | instrumentation
Просмотров 3,7 тыс.9 месяцев назад
Setup NextJs 14 with MongoDB and Mongoose | React | instrumentation
useFormStatus | Better way to display the loading state in Nextjs forms | React | Server component8:24useFormStatus | Better way to display the loading state in Nextjs forms | React | Server component
useFormStatus | Better way to display the loading state in Nextjs forms | React | Server component
Просмотров 6449 месяцев назад
useFormStatus | Better way to display the loading state in Nextjs forms | React | Server component