MENU

Fun & Interesting

Build a Comma Separated Input Component in Next.js

James Q Quick 3,231 8 months ago
Video Not Working? Fix It Now

Learn to build a comma separated input component in Next.js. Deals for Devs - https://dealsfordevs.com/ Github Repo - https://github.com/Learn-Build-Teach/deals-for-devs **Newsletter** Newsletter 🗞 - https://www.jamesqquick.com/newsletter **DISCORD** Join the Learn Build Teach Discord Server 💬 - https://discord.gg/vM2bagU Follow me on Twitter 🐦 - https://www.twitter.com/jamesqquick Check out the Podcast - https://compressed.fm/ Courses - https://jamesqquick.com/courses **QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. https://www.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 Up

Comment