Laravel 12 API with Next js 14 Frontend – Secure Auth Made Easy

Hi there 👋, I’m Soeng Souy (StarCode Kh) ------------------------------------------- 🌱 I’m currently creating a sample Laravel and React Vue Livewire 👯 I’m looking to collaborate on open-source PHP & JavaScript projects 💬 Ask me about Laravel, MySQL, or Flutter ⚡ Fun fact: I love turning ☕️ into code! -------------------------------------------- Full code:https://www.souysoeng.com/2025/05/lar... -------------------------------------------- ▸｜00:00:00｜Start ▸｜00:00:20｜Prerequisites (PHP, Composer, Node.js, npm, MySQL, Git) ▸｜00:00:49｜Project Structure ▸｜00:01:06｜Create the Laravel 12 Backend ▸｜00:01:56｜Configure Database ▸｜00:02:19｜Run Migrations ▸｜00:03:10｜Install Sanctum ▸｜00:03:37｜Enable API Tokens ▸｜00:04:28｜Configure CORS ▸｜00:05:18｜Generate API Boilerplate (API route) ▸｜00:06:13｜Add Auth Routes ▸｜00:07:07｜Create the Next.js Frontend ▸｜00:08:30｜Install Axios ▸｜00:08:55｜Axios Configuration ▸｜00:09:55｜Create pages/register.js ▸｜00:10:51｜Create pages/login.js ▸｜00:11:24｜Create pages/profile.js ▸｜00:12:03｜php artisan serve (Laravel (Backend)) ▸｜00:12:27｜npm run dev (Next.js (Frontend)) ▸｜00:13:08｜Test It -------------------------------------------- Follow Soeng Souy on: ------------------------------------------- Enjoying the content? ================= ► Subscribe here for FREE:   / @laravelcrud   -------------------------------------------- ► Telegram: https://t.me/starcodekh -------------------------------------------- ► Facebook page:   / starcodekh   ------------------------------------------- ► Website: https://souysoeng.com/ ------------------------------------------- ► Fix Code: https://fixcodekh.com/ ------------------------------------------- ► LinkedIn:   / soengsouy   ------------------------------------------- ► Twitter:   / starcodekh   ------------------------------------------- 𝗦𝘁𝗮𝗿𝗖𝗼𝗱𝗲 𝗞𝗵 :) Thank you for being so supportive! ------------------------------------------- 🌐 Build a *Full Stack App* using *Laravel 12 as a REST API* backend and *Next.js 14* as the frontend in this complete tutorial! Perfect for those looking to connect modern PHP backend development with React-based frontend frameworks. 🧠 What You’ll Learn: Setting up Laravel 12 as an API server Creating API routes, controllers & authentication (Sanctum) Building a Next.js 14 frontend with dynamic API calls Handling login, registration & protected routes Connecting Laravel with Axios from Next.js 📦 Technologies Used: Laravel 12 (API) Sanctum for Authentication Next.js 14 (Frontend) React, Axios, Tailwind CSS (optional) Vite (Next.js runtime) 🛠️ Sample Endpoints: POST /api/register POST /api/login GET /api/user 📄 Related Docs: Laravel Sanctum 👉 https://laravel.com/docs/sanctum Next.js Docs 👉 https://nextjs.org/docs 👍 Like | 🔔 Subscribe | 💬 Drop a comment if you want full source code or GitHub link! #Laravel12 #NextJS14 #FullStack #LaravelAPI #NextjsFrontend #coding #nginx #laravelvue #laraveldeveloper #programming #laravel #starcodekh #soengsouy