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-tai...
Deployed app - https://nuxt3-tailwind-supabase.verce...
#javascript #programming #developer #nuxtjs #image #optimization #opensource #tailwindcss #css #typescript #community #opensource #vuejs #nodejs #nuxtjs #typescript #supabase
-------------------------------------------------------------------------------------------------
Twitter - / jacobandrewsky
Blog - https://dev.to/jacobandrewsky
Linkedin - / 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