Cooper Codes
Cooper Codes
  • Видео 87
  • Просмотров 1 509 695
SvelteKit User Authentication With Auth.js | OAuth 2.0 Authentication
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/
In this video we go into the SvelteKit integration of Auth.js, building an entire authentication system allowing you to use any OAuth 2.0 service. I also show off how to get the access token of a user for a given service, allowing you to communicate with any APIs related to your given OAuth 2.0 service. I decided to use GitHub authentication for this video, but you can really use anything you want. Thanks for watching!
Final project: github.com/coopercodes/sveltekitAuthJS
REMINDER: The GitHub link wont work above unless you create a .env file like shown in the video.
0:00 Project Showcase
1:00 S...
Просмотров: 3 864

Видео

How to Use GPT-4V With Next.js 14 | Text Streaming, Image Upload, and More!
Просмотров 6 тыс.10 месяцев назад
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/ 📩 Join CodeLetter by Cooper Codes, the 3 minute tech newsletter: thecodeletter.com Join the Cooper Codes Community: discord.gg/xvk3TK78Pe (Weekly calls, free resources, tutoring, and more!) In this video I use Next.js 14 and GPT-4V to analyze the image that a user uploads. This is a complete proje...
Introduction To Svelte Runes (Every Svelte Rune Explained)
Просмотров 3,9 тыс.Год назад
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/ 📩 Join CodeLetter by Cooper Codes, the 3 minute tech newsletter: thecodeletter.com In this Svelte Runes tutorial I discuss the recently announced Svelte Runes functionality for Svelte 5. It is important to note that Svelte 5 has not been fully released yet, but the Svelte team is planning to move ...
Build A Linktree UI With Next.js 13 and NextUI 2.0 (NextUI Tutorial)
Просмотров 6 тыс.Год назад
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/ In this video we build a Next.js 13 and NextUI 2.0 website with a LinkTree component which allows us to see the different links for a certain user. This video is a great introduction to NextUI, one of the best UI library options when working with Next.js 13. Whether you’re a Next.js 13 beginner, o...
OpenAI Embeddings Explained in 5 Minutes
Просмотров 11 тыс.Год назад
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/ Embeddings are a massively important part of AI ecosystems. In this video we cover the basics of OpenAI Embeddings, and how they are relevant to creating software systems that utilize custom information through embeddings. Whether you want to create a chatbot, build an AI focused startup, or learn...
My New Favorite Next.js 13 UI Library (Radix UI Themes)
Просмотров 13 тыс.Год назад
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/ Radix UI Themes is my new favorite Next.js 13 UI library. If you are looking for a component library to use for your next Next.js project, then I seriously suggest checking out Radix UI Themes. The styling from Radix UI Themes is amazing alongside their world class accessibility features already s...
Build a CRUD GraphQL API With Apollo Server V4, Couchbase, and TypeScript
Просмотров 2,6 тыс.Год назад
Try Couchbase free for 30 days at couchbase.com Join the Couchbase Discord community here: discord.gg/2X5b9hVXNG In this video I show you how to create a full CRUD GraphQL API using the latest technologies such as Apollo Server V4, Couchbase, GraphQL, and TypeScript. If you’re interested in backend API development, or learning a new database service such as Couchbase, then you will get a bunch ...
Build PostgreSQL Databases Faster With Supabase AI (AI SQL Editor)
Просмотров 8 тыс.Год назад
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/ In this video I show off the newly announced Supabase AI functionality that allows you to easily create PostgreSQL databases with the assistance of AI tooling. We also are able to visualize our databases with the Supabase schema visualizer. The combination of these tools gives a powerful workflow ...
Turn Any SvelteKit Website Into A Desktop App With Tauri (Complete Windows Setup)
Просмотров 15 тыс.Год назад
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/ In this video I show how to take SvelteKit websites and turn them into performant desktop applications. We do this by using a toolkit called Tauri, which allows you to build Desktop apps from modern frontend frameworks such as SvelteKit, Next.js, and more. Tauri is built on Rust, and allows us to ...
Build and Deploy a GPT-4 Chatbot in Next.js 13 With Streaming (Vercel AI SDK)
Просмотров 10 тыс.Год назад
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/ In this video we create an entire GPT-4 chat application that allows us to have full conversations with GPT-4. We do this by utilizing the Vercel AI SDK (ai package on npm) to handle messages when using Next.js 13, and then create a stream data source on the backend. The API route we create in thi...
Build and Deploy A Pokemon App With Next.js 13 (App Directory, Pokemon API)
Просмотров 10 тыс.Год назад
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/ In this video we create a Next.js 13 project that allows us to search for Pokemon using the Pokemon API (pokeapi.co/). The tutorial covers dynamic routing, API calls, server vs client components, and more! This is a great beginner Next.js 13 tutorial and allows you to see the entire development pr...
The Best Next.js 13.4 UI Library (shadcn/ui Setup and Tutorial)
Просмотров 25 тыс.Год назад
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/ In this video we create a Next.js 13.4 project with the shadcn/ui UI library. We understand how to add new components to our application, how to create custom components, and how to build UI interfaces with the shadcn/ui library. This is a great introductory video, and should help those new to Nex...
SvelteKit Stores Using Local Storage With Skeleton UI (Persistent Store)
Просмотров 5 тыс.Год назад
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/ In this video we go over how to use Local Storage alongside SvelteKit stores (Such as a writable) in order to create persistent states in our SvelteKit applications. We also use TypeScript to ensure that certain values inside of our SvelteKit store is typed to a certain interface we create during ...
Build a Chatbot With Custom Data Using ChatGPT and Supabase
Просмотров 20 тыс.Год назад
Thanks to Supabase for sponsoring this video! Check out the launch week here: supabase.com/launch-week Enjoying my videos? Sign up for more content here: www.coopercodes.com/ In this video we build a Supabase and OpenAI system that allows us to call an API endpoint with a question, and then get an answer based off our own CUSTOM data. Pretty impressive! This is done by using PostgreSQL vector s...
Build a ChatGPT Trading Bot With Real Time News (Alpaca Markets API / JavaScript)
Просмотров 16 тыс.Год назад
🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/ In this video we create a stock trading bot that uses ChatGPT and the Alpaca Markets API to trade against live news! This video is a great project for anyone who is looking to use ChatGPT functionality (or any other OpenAI API call) to enhance their trading, alongside making buys / sells to the ma...
SvelteKit Drag And Drop List With svelte-dnd-action
Просмотров 7 тыс.Год назад
SvelteKit Drag And Drop List With svelte-dnd-action
SvelteKit and TypeScript Course - Build A Type-Safe SvelteKit 1.0 App
Просмотров 12 тыс.Год назад
SvelteKit and TypeScript Course - Build A Type-Safe SvelteKit 1.0 App
Build A Chatbot With The ChatGPT API In React (gpt-3.5-turbo Tutorial)
Просмотров 87 тыс.Год назад
Build A Chatbot With The ChatGPT API In React (gpt-3.5-turbo Tutorial)
SvelteKit 1.0 Route Files Explained in 4 Minutes (SvelteKit 1.0 Routing Tutorial)
Просмотров 2,1 тыс.Год назад
SvelteKit 1.0 Route Files Explained in 4 Minutes (SvelteKit 1.0 Routing Tutorial)
Build an Ecommerce Store With SvelteKit 1.0, Stripe API, and Skeleton UI (TypeScript Tutorial)
Просмотров 23 тыс.Год назад
Build an Ecommerce Store With SvelteKit 1.0, Stripe API, and Skeleton UI (TypeScript Tutorial)
Use OpenAI API With React (Beginner OpenAI API Tutorial)
Просмотров 10 тыс.Год назад
Use OpenAI API With React (Beginner OpenAI API Tutorial)
Build A Collaborative Code Editor with React, WebRTC, and Yjs
Просмотров 12 тыс.Год назад
Build A Collaborative Code Editor with React, WebRTC, and Yjs
Build a Code Text Editor in React in 10 Minutes (Syntax Highlighting, Dark Theme)
Просмотров 18 тыс.Год назад
Build a Code Text Editor in React in 10 Minutes (Syntax Highlighting, Dark Theme)
Setup Prisma with Apollo Server V4 and MongoDB Atlas (Prisma Setup)
Просмотров 3,4 тыс.Год назад
Setup Prisma with Apollo Server V4 and MongoDB Atlas (Prisma Setup)
Build a To Do List With SvelteKit 1.0 (Beginner SvelteKit 1.0 Tutorial)
Просмотров 6 тыс.Год назад
Build a To Do List With SvelteKit 1.0 (Beginner SvelteKit 1.0 Tutorial)
Create Calendar Events in React With Google Calendar API and Supabase (Supabase Providers Tutorial)
Просмотров 40 тыс.Год назад
Create Calendar Events in React With Google Calendar API and Supabase (Supabase Providers Tutorial)
You’re Watching Coding Tutorials Wrong (And How to Fix It)
Просмотров 2,2 тыс.Год назад
You’re Watching Coding Tutorials Wrong (And How to Fix It)
Video Upload in React With Supabase Storage (PostgreSQL Video Storage)
Просмотров 4,9 тыс.Год назад
Video Upload in React With Supabase Storage (PostgreSQL Video Storage)
ChatGPT Won't Steal Your Job
Просмотров 580Год назад
ChatGPT Won't Steal Your Job
Build An Image Gallery With Supabase Storage and React (Upload Images with Supabase)
Просмотров 24 тыс.Год назад
Build An Image Gallery With Supabase Storage and React (Upload Images with Supabase)

Комментарии

  • @JuneMendoza-q1r
    @JuneMendoza-q1r 10 часов назад

    Harris Carol Robinson Lisa Brown Donna

  • @KAKOITOZELCFICBOOK
    @KAKOITOZELCFICBOOK 14 часов назад

    ни**яс себе у тебя инернет за 10 секунд 1.22 гигабайт установить

  • @SsaliJonathan
    @SsaliJonathan День назад

    Less than 2 minutes in and I had my stuff working. Thanks man

  • @ozibryan
    @ozibryan 2 дня назад

    Hi Has this detail now been deprecated ?

  • @BettyPicciuto
    @BettyPicciuto 3 дня назад

    4006 Bechtelar Extensions

  • @RvGeral
    @RvGeral 3 дня назад

    Awesome!

  • @Jadi.k
    @Jadi.k 4 дня назад

    Thanks bro it will help me to build my fyp😁

  • @JosephDunno-c5l
    @JosephDunno-c5l 6 дней назад

    Young Jennifer Moore Jeffrey Young Cynthia

  • @o_oyash
    @o_oyash 7 дней назад

    Watched this video earlier this year. Decided to make a clone of the iOS/iPadOS weather app from it so it ended up being completely different other than the background image lol.

  • @geraldmilton9740
    @geraldmilton9740 9 дней назад

    Lewis Laura Taylor Matthew Martinez Sandra

  • @kimberly8353
    @kimberly8353 9 дней назад

    Anderson Scott White Dorothy Allen Jeffrey

  • @MarkSeal-c8p
    @MarkSeal-c8p 9 дней назад

    Jones Anthony Lopez Christopher Johnson Shirley

  • @dandadadowman7399
    @dandadadowman7399 10 дней назад

    Lopez Daniel Jones Brian Davis Barbara

  • @kevindegalbraith7894
    @kevindegalbraith7894 11 дней назад

    Hall John Martinez Jessica Hernandez Betty

  • @ranamdissa
    @ranamdissa 11 дней назад

    Thanks a lot for this great tutorial. it solved me lots of trouble. Thanks

  • @LeonardFarley-b8n
    @LeonardFarley-b8n 12 дней назад

    Lewis George Martinez Melissa Martin Michael

  • @UlyssesSean
    @UlyssesSean 12 дней назад

    Davis Ronald Lewis Paul Gonzalez Matthew

  • @MansfieldBurgess-q8v
    @MansfieldBurgess-q8v 14 дней назад

    Clark Cynthia Jackson Jennifer Garcia Paul

  • @gloriafabersa655
    @gloriafabersa655 15 дней назад

    Robinson Gary Martinez Daniel Perez Donna

  • @michaelbabcock6673
    @michaelbabcock6673 15 дней назад

    Thompson Melissa Jackson Ruth Martinez Mark

  • @WilliamKing-d2s
    @WilliamKing-d2s 17 дней назад

    Harris Ronald Robinson Dorothy Lee Sarah

  • @SanderScott-p4c
    @SanderScott-p4c 17 дней назад

    Jones Kenneth Martin Robert Johnson Melissa

  • @YoungMerle-f6v
    @YoungMerle-f6v 18 дней назад

    Gonzalez Maria Jones Paul Young Jeffrey

  • @araputrevor5103
    @araputrevor5103 19 дней назад

    I just watched this video with out coding and it felt right and clear. I use Appwrite and am building a productivity tasks app. This will help me alot when i get to google calendar integrations. Thanks alot

  • @QyjscMsvdioal-j6e
    @QyjscMsvdioal-j6e 19 дней назад

    Lopez Frank Lewis Jennifer Jones Elizabeth

  • @GinaTurner-b6x
    @GinaTurner-b6x 20 дней назад

    Miller Sharon Williams Kevin Rodriguez Jose

  • @jasminet3722
    @jasminet3722 22 дня назад

    Does anyone else get the TypeError: Cannot read properties of null (reading 'useRef') error?

  • @HoodKenneth-e1g
    @HoodKenneth-e1g 23 дня назад

    Martinez Eric Robinson Karen Walker David

  • @prakharverma2286
    @prakharverma2286 23 дня назад

    This video is an Underrated gem! Thanks cooper.

  • @garygasmackenzie1301
    @garygasmackenzie1301 23 дня назад

    Harris Donald Lee Barbara Lopez Margaret

  • @GinaTurner-b6x
    @GinaTurner-b6x 25 дней назад

    Lewis Mark Hall Anthony Garcia Patricia

  • @DarleneAgee-c8r
    @DarleneAgee-c8r 25 дней назад

    Jackson William Perez David Martinez George

  • @BenjaminJames-m7z
    @BenjaminJames-m7z 25 дней назад

    Smith Angela Gonzalez Kevin Jones Nancy

  • @MatthewRachel-i7s
    @MatthewRachel-i7s 25 дней назад

    Hernandez Donna Miller David Rodriguez Shirley

  • @TitouanMathieuTitouanMathi-b2p
    @TitouanMathieuTitouanMathi-b2p 26 дней назад

    Davis Jennifer Lee Barbara Lewis Matthew

  • @MelvilleAlbert-h2j
    @MelvilleAlbert-h2j 26 дней назад

    Taylor Maria Miller Amy Lee Linda

  • @CottonCamille-g9x
    @CottonCamille-g9x 27 дней назад

    Taylor Linda Robinson Mark Lee Brian

  • @AnnLipscomb-k1l
    @AnnLipscomb-k1l 27 дней назад

    Wilson James Lopez Melissa Jones Jason

  • @haldharpatel3915
    @haldharpatel3915 Месяц назад

    I dont want to rewatch but where did you used client secret?

  • @Nishant__29
    @Nishant__29 Месяц назад

    for vite VITE_URL="localhost:8000" let url = import.meta.env.VITE_URL; console.log(url)

  • @anujjadhav2175
    @anujjadhav2175 Месяц назад

    This is the best, the explanation was too the point. This is my first time creating a OAuth authentication and I understood everything about the implementation part. The comments you write in between the code in really helpful!. Thank you so much!

  • @Gokuuubro
    @Gokuuubro Месяц назад

    Dont I need to have refresh tokens ? If I have some publics scopes defined, can I access them anytime with the same access token ?

  • @nomore2970
    @nomore2970 Месяц назад

    yes please

  • @MarkiMark01
    @MarkiMark01 Месяц назад

    Thank you very much!

  • @NativeCoding-s1e
    @NativeCoding-s1e Месяц назад

    why my jwt_decode not working? TypeError: jwt_decode__WEBPACK_IMPORTED_MODULE_4__ is not a function. the I found : import { jwtDecode } from 'jwt-decode';

  • @NativeCoding-s1e
    @NativeCoding-s1e Месяц назад

    This is only working on localhost. On life server, the popup email option is blank.

  • @henoknigatu7121
    @henoknigatu7121 Месяц назад

    👏cool...i wonder how to integrate and work with db

  • @NativeCoding-s1e
    @NativeCoding-s1e Месяц назад

    Without github repo your 5 minutes video is useless. headache

  • @muhammadathmafarhan3819
    @muhammadathmafarhan3819 Месяц назад

    I wonder how to send notification using Supabase with this Notification API. I try to find some tutorial about it in Google but there is no any tutorial

  • @durasaksham
    @durasaksham Месяц назад

    only works on same browser. How can make it work so I can deploy on vercel