- Видео 87
- Просмотров 1 509 695
Cooper Codes
США
Добавлен 15 апр 2021
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...
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)
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)
Harris Carol Robinson Lisa Brown Donna
ни**яс себе у тебя инернет за 10 секунд 1.22 гигабайт установить
Less than 2 minutes in and I had my stuff working. Thanks man
Hi Has this detail now been deprecated ?
4006 Bechtelar Extensions
Awesome!
Thanks bro it will help me to build my fyp😁
Young Jennifer Moore Jeffrey Young Cynthia
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.
Lewis Laura Taylor Matthew Martinez Sandra
Anderson Scott White Dorothy Allen Jeffrey
Jones Anthony Lopez Christopher Johnson Shirley
Lopez Daniel Jones Brian Davis Barbara
Hall John Martinez Jessica Hernandez Betty
Thanks a lot for this great tutorial. it solved me lots of trouble. Thanks
Lewis George Martinez Melissa Martin Michael
Davis Ronald Lewis Paul Gonzalez Matthew
Clark Cynthia Jackson Jennifer Garcia Paul
Robinson Gary Martinez Daniel Perez Donna
Thompson Melissa Jackson Ruth Martinez Mark
Harris Ronald Robinson Dorothy Lee Sarah
Jones Kenneth Martin Robert Johnson Melissa
Gonzalez Maria Jones Paul Young Jeffrey
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
Lopez Frank Lewis Jennifer Jones Elizabeth
Miller Sharon Williams Kevin Rodriguez Jose
Does anyone else get the TypeError: Cannot read properties of null (reading 'useRef') error?
Martinez Eric Robinson Karen Walker David
This video is an Underrated gem! Thanks cooper.
Harris Donald Lee Barbara Lopez Margaret
Lewis Mark Hall Anthony Garcia Patricia
Jackson William Perez David Martinez George
Smith Angela Gonzalez Kevin Jones Nancy
Hernandez Donna Miller David Rodriguez Shirley
Davis Jennifer Lee Barbara Lewis Matthew
Taylor Maria Miller Amy Lee Linda
Taylor Linda Robinson Mark Lee Brian
Wilson James Lopez Melissa Jones Jason
I dont want to rewatch but where did you used client secret?
for vite VITE_URL="localhost:8000" let url = import.meta.env.VITE_URL; console.log(url)
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!
Dont I need to have refresh tokens ? If I have some publics scopes defined, can I access them anytime with the same access token ?
yes please
Thank you very much!
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';
This is only working on localhost. On life server, the popup email option is blank.
👏cool...i wonder how to integrate and work with db
Without github repo your 5 minutes video is useless. headache
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
only works on same browser. How can make it work so I can deploy on vercel