How To LEARN a Framework From SCRATCH

Welcome to episode 2 of my full-stack RecipeSocial build! In this video, I dive into setting up the frontend using Next.js and Tailwind CSS, fixing mistakes, learning with Cursor AI, and finally getting a real layout going. If you're new to frontend development or just want to see the chaos of building from scratch this one’s for you.

link to full video: https://youtu.be/8U07MeOzMAM

⏱️ Timestamps:

00:00 – Intro: Time to build the frontend
00:20 – Tailwind setup issues & rookie mistakes
00:50 – GitHub push + testing frontend–backend connection
01:10 – The game plan: Layout, nav, recipes & social features
01:29 – How I’m learning Next.js + Cursor breakdown
01:51 – Utility-first mindset with Tailwind
02:00 – When I had to nuke the frontend (fresh Next.js install)
02:15 – Cursor generates a slick nav layout
02:29 – CSS tip: Why box-sizing: border-box saved my layout
02:49 – Scroll behavior & focus styles (keyboard accessibility)
03:07 – The power of global.css explained
03:29 – Understanding the mysterious React children prop

📦 Tech Stack:

Next.js (Frontend)

Tailwind CSS (Styling)

Supabase (Backend & Auth)

Cursor AI (Code assistant)

Deployed on Vercel (coming soon)

Видео How To LEARN a Framework From SCRATCH канала DreCode