Nuxt 3, Tailwind, and Supabase Crash Course

Hello There!

In this video, I am building a simple Nuxt 3 application that can fetch data from Supabase. For styling I am using TailwindCSS and for image transformations I am using the Image module with default IPX. Finally, I have deployed the app to Vercel just to see how it works in production.

Enjoy!

Code repository - https://github.com/Baroshem/nuxt3-tailwind-supabase
Deployed app - https://nuxt3-tailwind-supabase.vercel.app/

#javascript #programming #developer #nuxtjs #image #optimization #opensource #tailwindcss #css #typescript #community #opensource #vuejs #nodejs #nuxtjs #typescript #supabase

-------------------------------------------------------------------------------------------------

Twitter - https://twitter.com/jacobandrewsky
Blog - https://dev.to/jacobandrewsky
Linkedin - https://www.linkedin.com/in/jakub-andrzejewski/
Github - https://github.com/Baroshem

Timestamps:
0:00 Intro
0:24 Technology Stack
1:04 Supabase dashboard
1:45 Coding Nuxt app and adding modules
3:37 Supabase credentials
5:50 Fetch data from Supabase in Nuxt app
9:40 Create CatImage component
10:35 Create CatImageGallery component
11:57 Use CatImage and CatImageGallery components in Nuxt app
13:25 Use NuxtImg component for optimizing images
16:45 Prepare app for Vercel deployment
17:20 Supabase insert and delete commands showcase
20:40 Vercel deploment

Видео Nuxt 3, Tailwind, and Supabase Crash Course канала Jakub Andrzejewski