Protecting your Apps with Next.js
summary
Deep dive into the Compressed.fm dashboard shows a Next.js site mixing SSG and SSR, an authenticated sponsor dashboard, forms and a custom audio player; authentication uses Auth0 SDKs (useAuth0/getAccessTokenSilently, withPageAuthRequired) while hosting and serverless APIs run on Vercel serverless functions to keep secrets off the client. Integrations with Airtable, FaunaDB and Supabase demonstrate both proxyed server routes and direct-access patterns; the stack and SDKs are presented as working solutions.
AI-written summary · about
chapters (9)
- 0:00Introduction to Jamstack
- 1:32What is Jamstack?
- 5:27Client-Side Rendering
- 10:55Securely Handling Secrets
- 12:59Static Site Generation
- 17:11Serverless Functions
- 19:17Hybrid Rendering & Auth
- 22:15Protecting Routes
- 23:22Platform Integrations
related talks
14mLeverage Hybrid Apps for Secure Auth
09mBeyond the Login Page: Authentication in Next.js
51mAPI Security: Securing GraphQL without going around in circles
27mMastering Secure Single Page Apps & APIs
12mAuthentication and Authorization in Next.js
13mSecurity in modern Web Applications - OWASP to the rescue
33mFirst-Class Auth Experience In Frontend Applications
27mAuthentication for the REST of us