Let’s add a login flow and user accounts to our app!
In this series with our new code-along project, Loot Goblin, we keep increasing the complexity until we get to working with ChatGPT and the OpenAI API! This will legitimately build CV experience for those fresh new “AI Developer” positions.
Due to popular request, today we’re implementing Authentication & Authorization 🔐 Most dynamic apps need an a login flow, and if you’re comfortable implementing Auth, you’re on top of the dev world 🙌
If you’re a beginner, you may want to start with that Portfolio series, and end up with the same or an equivalent project: • Brand new Fullstack Ap...
… or you can get Johnnify Premium which includes all this code & more, while supporting all my work 🙌
Playlist with all parts of THIS series: • How to start a NEW app...
-
This series will get you firmly into the day-to-day job of a software engineer, in any company. If you can talk to databases, APIs, if you can fetch data, and render it nicely on the screen, you can do web dev, I promise 👊
It’s also a great way to increase you price range: With our previous series, you should be able to make portfolio and marketing sites, but this one will get you into serious contracting range! You’ll be able to charge those who think they have the best ideas in the world some serious money 🤑
Or, hey, if you’re the one with the passion project, you’ll be more able than even to make it happen 🚀
🚀 Click around the app yourself: lootgoblin.vercel.app/
💻 See the code (private repo 😱): github.com/johnnify & github.com/johnnify/loot-goblin
- JOHNNIFY PREMIUM -
Get this repository AND MORE with Johnnify Premium: johnnify.com/premium
- 🙌🙌🙌 -
- COMMUNITY -
Our DISCORD SERVER 👾: / discord
- 🥳🥳🥳 -
- Agenda -
[ ] What are we doing today? Auth & User accounts?
[ ] Lucia vs Auth.js vs Supabase! lucia-auth.com/ & authjs.dev/reference/sveltekit & supabase.com/docs/guides/auth...
[ ] Lucia Database Adapter with Drizzle: lucia-auth.com/database/drizzle
[ ] A hook to check a user’s session: lucia-auth.com/getting-starte...
[ ] Login with Github! lucia-auth.com/tutorials/gith...
[ ] Let’s make a profile page!
[ ] Route protection and redirects!
[ ] Logout!
- BONUS -
[ ] Update your own “Name” with SvelteKit Form Actions!
[ ] Allowing for multiple providers! Schema change to accommodate: lucia-auth.com/guides/oauth/m...
[ ] Account Linking: lucia-auth.com/guides/oauth/a...
[ ] Login with ..?: arctic.js.org/
- FUTURE -
[ ] Users can favourite loot!
[ ] Users can submit their own loot!
[ ] User profiles and avatars!
[ ] Login with Magic Link!
[ ] E2E testing auth!
[ ] Integrating with ChatGPT! Describe your party, ChatGPT suggests the loot drops! platform.openai.com/docs/intr...
[ ] Dynamic OpenGraph Images with: vercel.com/docs/functions/og-...
[ ] User accounts and authentication
- HAVE FUN -
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
- Highlighted software -
SvelteKit: kit.svelte.dev/
Lucia Auth: lucia-auth.com/
Drizzle ORM: orm.drizzle.team/
Turso: docs.turso.tech/introduction
Tailwind: tailwindcss.com/
DaisyUI: daisyui.com/
Playwright: playwright.dev/
Vercel: vercel.com/
My own website: magrippis.com/
Search for `@jmagrippis` to find me on socials like Instagram & Twitter! And remember our DISCORD SERVER 😉: / discord
Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌
Stream number 93!
Негізгі бет Ғылым және технология Auth with Drizzle & Lucia 🔐 Svelte 5 & Turso! Fullstack SvelteKit Part 6 🚀 LIVE Coding & Chill 🔴
Пікірлер: 2