Full Stack React Project ( AI Recipe Platform ) - Next JS, Tailwind, Strapi, Neon DB, Shadcn UI 🔥🔥

Description

🔗 Strapi - https://strapi.link/roadsidecoder 🔗 Arcjet - https://arcjet.com/?utm_medium=video&utm_source=youtube&utm_campaign=roadsidecoder_2026_01 🔗 Clerk - https://go.clerk.com/KbMOFtz 🔗 Neon - https://get.neon.com/OlLjsL4 ➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount) Build a Full Stack AI Recipe Platform SaaS in React 19 + Next JS 16 with Tailwind CSS, Strapi as Headless CMS, PostgreSQL DB, Google Authentication, Arcjet, Shadcn UI Tutorial. This is an amazing project for your resume which will impress recruiters a lot and showcase your skillset. ➡️ Next JS Course Form - https://forms.gle/ABmuVhYATuwhkcmVA ➡️ Source Code - https://github.com/piyush-eon/ai-recipe-platform ➡️ Book a 1:1 call with me - https://topmate.io/roadsidecoder 👤 Join the RoadsideCoder Community Discord - https://discord.gg/2ecgDwx5EE 🔗 Job Portal Project Tutorial - https://www.youtube.com/watch?v=2XF-HgauItk&list=PLKhlp2qtUcSZBJxjXbHBkE_3h5E31dDiu&index=2 🔗 Calendly Portal Project Tutorial - https://www.youtube.com/watch?v=glAC7d-TYSM&list=PLKhlp2qtUcSZBJxjXbHBkE_3h5E31dDiu&index=3 🔗 MERN Stack Chat App Tutorial - https://www.youtube.com/playlist?list=PLKhlp2qtUcSZsGkxAdgnPcHioRr-4guZf 🔗 Complete Data Structures and Algorithms with JS Course - https://www.youtube.com/playlist?list=PLKhlp2qtUcSZtJefDThsXcsAbRBCSTgW4 🔗 JS Interview Series - https://www.youtube.com/watch?v=oUWRxJ19gfE&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5&index=1 🔗 Cars24 Interview Experience - https://www.youtube.com/watch?v=vxggZffOqek&list=PLKhlp2qtUcSb_WQZC3sq9Vw3NC4DbreUL&index=2 🔗 Unacademy Interview Experience - https://www.youtube.com/watch?v=abbdJ4Yfm54 🔗 React Beginner's Project Tutorials - https://www.youtube.com/playlist?list=PLKhlp2qtUcSa_rX7glmB7HyFsEOEQa0Uk #reactjstutorial #frontend #ReactJS ------------------------------------------------------------------------- 00:00:00 Intro 00:01:36 Project Showcase 00:08:05 Setup Next JS with Shadcn UI 00:15:21 App Layout 00:18:13 User Authentication 00:38:26 Backend Setup 00:40:20 Headless CMS Setup (Strapi) 00:47:03 Database Design 00:59:31 Arcjet Setup 01:01:32 Storing Users inside the DB 01:10:37 Pricing and User Subscription 01:22:52 Building Landing Page 01:39:51 Explore Recipes Page 01:42:55 Creating Server Actions 01:48:28 Creating UI 01:57:46 Category / Cuisine Pages 02:01:53 Custom Hook to Fetch APIs 02:13:53 My Pantry Page 02:21:29 Pantry Server Actions 02:24:14 Rate Limiting using Arcjet 02:30:11 Continue Server Actions 02:41:04 Add Pantry Items 03:03:00 AI Pantry Scanner 03:20:09 Testing Rate limiting functionality 03:21:06 Pantry based Recipe Suggestions Page 03:40:49 AI Recipe Page 04:12:12 Assignments 04:14:41 Remaining Server Action for Recipes 04:24:31 Search Recipe Modal 04:30:43 My Recipes Page 04:38:57 Adding Arcjet Shield and Bot Protection 04:42:32 Deployment ------------------------------------------------------------------------- ⭐ Support the channel - https://www.youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join Special Thanks to our members -