The Easiest Contact Form With Next.js 16 (Server Actions + DB + Tests)

Description

Build the easiest Contact Form with Next.js 16, complete with Server Actions, a Neon database, Drizzle ORM, Shadcn UI, and even automatic tests using an awesome testing tool TestSprite. Check it out 👉 https://www.testsprite.com/?via=orcdev This is a perfect practical mini-project if you want to understand: ✅ How to use Server Actions properly ✅ How to pass data from a form to your backend ✅ How to save submissions in a real database ✅ How to write simple automated tests ✅ How to structure a clean, reusable Next.js project The entire project is open source, grab the repo and try it yourself! https://github.com/TheOrcDev/simple-contact-form Make sure to check 8bitcn! https://www.8bitcn.com/ If you're looking for custom web solutions to elevate your business, we've got you covered! 👉 Visit us at: https://www.hordewebsolutions.com/ Next video to watch: https://youtu.be/lG_mTu0wyZA ⚔️ Join The Horde - Discord: https://discord.com/invite/uFB5YzH9YG - Github: https://github.com/TheOrcDev - X: https://x.com/theorcdev Some of the projects to check: Dashboard: https://github.com/TheOrcDev/orcish-dashboard AI Framework: https://github.com/TheOrcDev/orcish-ai-nextjs-framework My first SaaS project, register and get 5 free tokens! https://www.textualgames.com/ 00:00 Intro 00:29 Initializing Next.js 01:18 Setting Up Shadcn 03:56 Building the Contact Form 09:57 Starting the Test Setup 10:28 Implementing the Database & Drizzle ORM 14:10 Writing the Server Actions 17:03 Final Automated Tests Completed #webdevelopment #orcdev #react #nextjs #typescript