Save Job Application to Database ✅ Next.js Server Action

Save Job Application to Database ✅ Next.js Server Action

T
Thapa Technical
Mar 6, 2026

📂 Source Code GitHub Repo: https://github.com/thapatechnical/job-portal-nextjs

----------------------------------------------------------------------------------
In this video, we implement the job application feature for our Job Portal project built with Next.js, TypeScript, Prisma ORM, and MySQL.

When a user clicks Apply Now, a modal opens where their uploaded resume is pre-selected, they can write a cover letter, and submit the application.

Using Next.js Server Actions, we:

• Send form data from the modal to the server
• Validate inputs using Zod
• Check if the user has already applied
• Prevent duplicate applications
• Store the application data in the Job Applications table using Prisma
• Revalidate the page and update the Apply → Applied button

This is a real-world full-stack feature used in modern job platforms.

Tech Stack:
Next.js • TypeScript • Prisma ORM • MySQL • Zod

In the next video, we will build the Applied Jobs page where applicants can see all the jobs they have applied for. 🚀
------------------------------------------------------------------------------------
🔗 Useful Playlists

📘 Next.js Full Stack Playlist:
https://youtube.com/playlist?list=PLwGdqUZWnOp0lwvSBaIzzgV9X0ZiZ-42O&si=aQ_TNBNNx5L7V_bn

⚛️ React.js Playlist:
https://youtube.com/playlist?list=PLwGdqUZWnOp1Rab71vx2zMF6qpwGDB2Z1&si=sDZRxsYNetYmojKd

💻 TypeScript Playlist:
https://youtube.com/playlist?list=PLwGdqUZWnOp0xfHQFmlL52b_6-QZ0mnk_&si=c4jfsd5ElDC1p0A5
------------------------------------------------------------------------------------
💸 Get All My YouTube Videos' Source Code for just ₹199! Grab Now - https://thapatechnical.shop/source-code

📺 Watch the complete Node.JS Playlist here :https://youtube.com/playlist?list=PLwGdqUZWnOp3KELplHtc-RnJ5xTUPqdgH&si=_ob8F88HYxCdspup

🔥 Access Source Code, PPT & Notes here for Free : https://www.thapatechnical.com/2024/11/introduction-to-nodejs.html
------------------------------------------------------------------------

🚀 Boost Your Skills with these Pre-Requisite Videos:

🔗 Best HTML Course - https://youtu.be/5ccq_nLHneE
🔗 Best CSS Course - https://youtu.be/MSICFljRcb4
🔗 JavaScript Basics Course Part 1 - https://youtu.be/13gLB6hDHR8
🔗 JavaScript Advanced Course Part 2 - https://youtu.be/YwsOCN8woA8

------------------------------------------------------------------------
💸 Build Your Own E-commerce Website for Free! - https://www.thapatechnical.com/2024/03/build-complete-ecommerce-website-using.html

------------------------------------------------------------------------
✌️ Join Us!

🚀 Become a Member: Unlock perks, free source code, and more Join Now : https://www.youtube.com/channel/UCwfaAHy4zQUb2APNOGXUCCA/join
📷 Connect on Instagram: https://www.instagram.com/thapatechnical
🗨️ Join Our Discord Server: Hang out with fellow programmers Discord Link: https://discord.gg/MdScmCsua6

------------------------------------------------------------------------

⌛TIMELINE⏳
0:00 Insert Apply Job Data to Database
1:25 Support the Channel ❤️
1:42 Passing Form Data to Server Action
2:35 Writing Server Action to Store Application
3:15 Data Validation Using Zod
5:00 Check if User Already Applied
5:55 Insert Data into Job Applications Table
6:45 Revalidate Page After Application
7:21 Apply Button → Applied Button Logic
7:45 Next Video Preview (Applied Jobs Page)