Deploying Next.js To AWS Just Got MUCH BETTER!James Q Quick2024-06-11 | Check out AWS Amplify - https://docs.amplify.aws/nextjs/start/quickstart/?trk=2adeabb9-e009-42c6-a765-bb106ee4807c&sc_channel=sm
Let's try AWS Amplify Gen 2 by deploying a Next.js app.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesMUCH BETTER Performance with Astro Server IslandsJames Q Quick2024-08-22 | My website is much faster now that I'm using Server Islands. Let's see how!
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/uses
**TIMESTAMPS** 00:00 - Intro 00:30 - Create a New Next.js Project 02:00 - Basic Tailwind Styles 04:45 - Creating the Form 05:30 - The Comma Separated Input Component 07:20 - Handling Input Change 14:15 - Form Submission with Actions 15:50 - Parsing Tags Input From FormData 18:10 - Client-side JavaScript on Form Submission 20:50 - Managing Many to Many Relationship in Prisma 26:45 - Wrap UpSupastarter - The Ultimate Starter KitJames Q Quick2024-08-15 | Jonathan Wilke joins to talk about his project Supastarter, the ultimate starter kit to build a scalable and production-ready SaaS.
Supastarter - https://supastarter.dev/Next js Forms Crash Course (Zod, Actions, useFormState, Progressive Enhancement, and more!James Q Quick2024-07-31 | Learn multiple ways to handle forms in Next.js including client and server-side validation with zod, using server actions, progressive enhancement, and more!
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/uses
**TIMESTAMPS** 00:00 - Intro 00:30 - Github Repository Source Code 01:10 - Create New Next.js Project 02:30 - Creating the Basic Form 04:30 - Built-in HTML Validation 06:30 - Shoutout to Daily.dev 08:00 - Creating the Form Action 09:40 - Creating the Zod Schema 13:35 - Validating Form Data 15:00 - Defining a Return Type 17:35 - Formatting Zod Errors 21:00 - Displaying Results from Server Action 26:15 - Showing Alerts with React Hot Toast 29:00 - useFormState Hook 34:30 - Submit Button with useFormStatus 37:00 - Progressive Enhancement 40:00 - Custom Client Side Validation 52:15 - Combining Server and Client Side Errors 53:45 - Testing Progressive Enhancement 56:30 - React Hook Form 1:03:30 - Wrap UpHow to Build an Email Confirmation Workflow with Next.js, Resend, and PrismaJames Q Quick2024-07-25 | Let's create an email confirmation workflow using Next.js, Resend, Prisma, and Xata.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/uses
*** Timestamps *** 00:00 - Intro 00:15 - What We'll Build 04:45 - Build Email Subscribe Form 08:15 - Creating the Subscribe Action 14:00 - Prisma Setup 15:15 - Database Setup with Xata 18:15 - Creating the Subscriber in the DB 25:10 - Adding Uniqueness to Emails 29:00 - Resend Setup 30:00 - Setup React Email 31:00 - Creating the Confirmation Email with React Email Components 34:20 - Running the React Email Dev Server 36:40 - Sending the Confimation Email with Resend 44:00 - Creating the Email Verification Logic 48:40 - Adding an Error Component 50:30 - Show Loading State in Form Button 51:30 - Toast Notifications 52:45 - Wrap UpHow to Build a Multi-Page Form in Next js (Server Actions, Zod, and Local Storage)James Q Quick2024-07-23 | Forms are always harder than you think. Learn how to build a multi-page form in Next.js using Server Actions, Zod for validation, and Local Storage to maintain user state as they fill out a form.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesDid Astro Fix Server Actions and Suspense?James Q Quick2024-07-19 | Ben Holmes joins to talk about the latest amazing features in Astro, specifically around Server Islands and actions!
**QUESTIONS ABOUT MY SETUP**
Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesNext.js Deep Dive with Lee RobJames Q Quick2024-07-18 | Lee Rob joins to answer all my Next.js questions!
**QUESTIONS ABOUT MY SETUP**
Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesTrying Laravel For the First Time!James Q Quick2024-07-16 | I've heard so many amazing things about Laravel. It's time to try it out with my friend, Josh Cirre.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesPrisma Schema Broke My Next.js FormJames Q Quick2024-07-15 | I copied and pasted a Prisma schema and it broke my app.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesAccessibility Audit on Deals for DevsJames Q Quick2024-07-12 | Let's fix accessibility issues on the Deals for Devs site.Dont Make This Mistake Comparing Dates with PrismaJames Q Quick2024-07-10 | Check out Deals for Devs - dealsfordevs.com
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesClient + Server Form Validation in Next.jsJames Q Quick2024-07-08 | **Newsletter** Newsletter 🗞 - jamesqquick.com/newsletter
**DISCORD** Join the Learn Build Teach Discord Server 💬 - discord.gg/vM2bagU
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesImage Upload Bug with React Dropzone (Simple Fix!)James Q Quick2024-07-08 | I launched a product and immediately found this bug in uploading images. Here's how I fixed it!
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesI Was Surprised How Next.js Cached My Server ComponentsJames Q Quick2024-07-02 | After deploying my recent project, I learned a lot about how Next.js handles caching for server components.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesDont Overthink Authentication! (you might not need it!)James Q Quick2024-07-02 | Building secure applications does not always require implementing a traditional auth strategy. Here are 2 alternatives I've used recently.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/uses
*** Timestamps *** 00:00 - Intro 00:30 - Serve More Static HTML 04:45 - Optimizing Images 07:00 - Load Fonts Locally 08:40 - Avoid Hydration When Possible 10:30 - Use Less JavaScript 11:24 - Wrap UpCompete for $3k By Participating in the Wix Studio ChallengeJames Q Quick2024-06-26 | Check out the Wix Studio Challenge! dev.to/challenges/wix
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesHow I Solved Deploying Next.js to Vercel Using Prisma and XataJames Q Quick2024-06-25 | Here's how I solved a recent challenge with generated database types on my recent Next.js project using Prisma and Xata (Postgres DB).
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesYou Dont Always Need AuthenticationJames Q Quick2024-06-24 | Building secure applications does not always require implementing a traditional auth strategy. Here are 2 alternatives I've used recently.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesNext.js Caching, Rendering Strategies, and more!James Q Quick2024-06-21 | **Newsletter** Newsletter 🗞 - jamesqquick.com/newsletter
**DISCORD** Join the Learn Build Teach Discord Server 💬 - discord.gg/vM2bagU
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesAstro Fixed Environment Variables!!James Q Quick2024-06-19 | Never struggle with environment variables again!
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesShould You Deploy Next.js to AWS?James Q Quick2024-06-18 | Check out AWS Amplify - https://docs.amplify.aws/nextjs/start/quickstart/?trk=2adeabb9-e009-42c6-a765-bb106ee4807c&sc_channel=sm
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesShould You Avoid Netlify, Vercel, and Cloudflare? (Quick Reaction)James Q Quick2024-06-17 | Should you be managing your own hosting instead of using hosting providers like Netlify, Vercel, an Cloudflare? I think not but this article suggests you should.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/uses
**TIMESTAMPS** 00:00 - Intro 01:30 - Why I Love Netlify, Vercel, and Cloudflare 02:39 - When Are Hosting Platforms Not Great 06:00 - Wrap UpI Didnt Handle This Error (image upload)James Q Quick2024-06-13 | Check out Deals for Devs - dealsfordevs.com
I can't believe I made this silly database mistake with my new project.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesPair Programming on Deals for DevsJames Q Quick2024-06-07 | **Newsletter** Newsletter 🗞 - jamesqquick.com/newsletter
**DISCORD** Join the Learn Build Teach Discord Server 💬 - discord.gg/vM2bagU
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesHow to Work Better With Others with Rachel NaborsJames Q Quick2024-05-31 | Talking to Rachel Nabors about their upcoming talk, "Managing Ourselves Managing Each Other"!
CS Festival (15% off) - ti.to/gitnation/c3-festival-2024/discount/JamesQuickDiscountFullstack Development with AWS Amplify Gen 2James Q Quick2024-05-29 | How good is AWS Amplify Gen 2? Let's try it out!Astro Launches Actions Similar like Next.js (Quick Reaction)James Q Quick2024-05-28 | Is Astro becoming more of a Next.js competitor? Astro just released actions similar to what Next.js offers. Let's take a quick look.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesA New Way to Use React Server ComponentsJames Q Quick2024-05-15 | Redwood.js now supports React Server Components (in preview).
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/uses5 Things You DIDNT KNOW Postman Could Do!James Q Quick2024-05-14 | I didn't know about any of these #postman features until recently!
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/uses
00:00 - Intro 00:20 -1. Test More Than Just HTTP Requests 00:40 - Test GraphQL Requests 01:40 - Test WebSocket Requests 03:30 - 2. Public API Network 04:50 - Forking APIs 05:40 - 3. Custom Scripts and Tests 07:20 - Reuse Scripts with Package Library 08:00 - 4. Use AI + Postbost 09:15 - 5. Store Local Secrets in Postman Vault 10:00 - VS Code Extension is GA 10:45 - Wrap UpOpen Source Project with Next.js, Xata, Sentry, and ClerkJames Q Quick2024-05-11 | **Newsletter** Newsletter 🗞 - jamesqquick.com/newsletter
**DISCORD** Join the Learn Build Teach Discord Server 💬 - discord.gg/vM2bagU
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesEasy Way to Test Websocket ConnectionsJames Q Quick2024-05-09 | You can test websocket connections right inside of Postman.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesIm Going to Two Conferences in Europe This Summer!James Q Quick2024-04-22 | Will I see you at one of these conferences?
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesEASY User Onboarding with Next.js, Xata, and KindeJames Q Quick2024-04-19 | Try Kinde for FREE - kinde.com?utm_source=yt&utm_medium=content&utm_campaign=jquick
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesLeetcode Live CodingJames Q Quick2024-04-19 | Let's solve some programming challenges!HTMX and Astro Are An Amazing Combo!James Q Quick2024-04-18 | HTMX and Astro provide a unique way of building applications. By combining HTMX with Astro partials, you can build interactive applications without having to write any frontend JavaScript!
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesStop Focusing on One JavaScript Framework!James Q Quick2024-04-15 | Learn these high level concepts for FREE!
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesNext.js Protected Routes: Require User Profiles with Kinde (EASY!)James Q Quick2024-04-10 | Simple trick to ensure your users complete their onboarding before moving on in your Next.js application!
Try Kinde for FREE - kinde.com?utm_source=yt&utm_medium=content&utm_campaign=jquick
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesDONT Make This Mistake with Next.js Server Components (BAD performance!)James Q Quick2024-04-09 | Server Components can hurt your performance if you don't use them correctly.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesAstro DB Setup and Demo (super easy!)James Q Quick2024-04-04 | Let's try Astro DB hands-on for the first time!
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesGoogles New Core Web Vital (INP) Explained in 5 MinutesJames Q Quick2024-04-02 | I found the truth behind how INP is calculated. It was very misleading!
Interaction to Next Paint (INP) - https://web.dev/articles/inp
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesThis New Web Vital Is Misleading!James Q Quick2024-04-01 | Interaction to Next Paint doesn't accurately track user feedback/experience.
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesMulti-Step Form with Next.js, Xata, and SentryJames Q Quick2024-03-30 | **Newsletter** Newsletter 🗞 - jamesqquick.com/newsletter
**DISCORD** Join the Learn Build Teach Discord Server 💬 - discord.gg/vM2bagU
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesI MUCH Prefer to Work with an ORM Like PrismaJames Q Quick2024-03-28 | **Newsletter** Newsletter 🗞 - jamesqquick.com/newsletter
**DISCORD** Join the Learn Build Teach Discord Server 💬 - discord.gg/vM2bagU
**QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. jamesqquick.com/usesBuilding a Multi-Step Form with Next.js 14James Q Quick2024-03-27 | This is so much harder than it looks 🤣My Favorite Database Just Got A LOT BETTER!James Q Quick2024-03-26 | Xata.io Launch Week - xata.io/launch-week-unleash-the-elephant