Notes
- 3.30 read Sveltekit docs about routing and loading data.
- Tree is important in the DOM.
- He has used Supabase auth-helpers-sveltekit class
- layout server is executed on server, layout svelte on client and layout is mixed.
- session is created in layout.ts and is sent to every single file, you can import directly.
- Tailwind CSS has md: to add for certain screen sizes.
- task Create UI for frontendcentral with Tailwind CSS and shadcn, have I created any project with Daisy UI?📅 2024-01-16
- Sveltekit Supabase integration reddit post, https://www.reddit.com/r/sveltejs/comments/16w2o41/supabase_auth_and_sveltekit_docs_suck_so_here_we/
- Sveltekit auth with Supabase, https://www.youtube.com/watch?v=lSm0GNnh-0I
- homebrew → https://brew.sh/
Questions
- Q. Where to get the code files?
- Q. What are the difference between layout.ts, layout.server.ts and layout.svelte?
- Q. How to use Tailwind CSS with Sveltekit?
- Q. How do Daisy UI include Tailwind CSS?
Practical
- After running supabase this comes up in Docker,
- Studio URL gives the dashboard URL, something similar to MySql Workbench
- Supabase Storage is used to store images and files, it supports CDN as well.
Links
- https://github.com/bmdavis419/enceladus-1
- https://kit.svelte.dev/docs/routing
- Important: https://supabase.com/docs/guides/cli/getting-started
- https://supabase.com/docs/guides/auth/social-login/auth-github
- https://supabase.com/docs/guides/auth/auth-helpers/sveltekit
- Todo app based on Sveltekit and Supabase from Supabase docs, https://github.com/supabase/supabase/tree/master/examples%2Ftodo-list%2Fsveltejs-todo-list
- Supabase Edge Functions can be used for listening to Webhooks or integrating Supabase with this party libraries.
- Rate Limiting in Supabase, https://supabase.com/docs/guides/platform/going-into-prod#rate-limiting-resource-allocation—abuse-prevention
- Captcha is provided using hCaptcha and one more alternate.
- Burst of incoming traffic are handled by Supabase, of more traffic is expected then they need to notified else they will block.
- Login with google.com, https://supabase.com/docs/guides/auth/social-login/auth-google?platform=web, this one has better example, https://supabase.com/docs/learn/auth-deep-dive/auth-google-oauth