CodeFromScratch Blog https://codefromscratch.org/blog Web development tutorials, guides, and resources from CodeFromScratch. en Sat, 07 Mar 2026 23:36:55 GMT 60 https://codefromscratch.org/icon.svg CodeFromScratch Blog https://codefromscratch.org/blog <![CDATA[What Is Web Development? A Complete Beginner’s Guide]]> https://codefromscratch.org/blog/what-is-web-development-beginners-guide https://codefromscratch.org/blog/what-is-web-development-beginners-guide Sat, 07 Mar 2026 23:36:55 GMT An honest, practical map of web development for absolute beginners — what it is, why people learn it, the three core technologies, the frontend vs backend split, the tools you'll need, and a realistic 30-day starting plan.

Read full article

]]> Web Fundamentals <![CDATA[HTML & CSS for Beginners: Build Your First Web Page]]> https://codefromscratch.org/blog/html-css-beginners-build-first-web-page https://codefromscratch.org/blog/html-css-beginners-build-first-web-page Sat, 07 Mar 2026 13:36:49 GMT Build a real personal now page from an empty folder: semantic HTML, the box model, CSS custom properties and just enough flexbox — then ship it for real.

Read full article

]]> Web Fundamentals <![CDATA[React State Management in 2026: Zustand vs Redux vs Context]]> https://codefromscratch.org/blog/react-state-management-in-2025-zustand-vs-redux-vs-context https://codefromscratch.org/blog/react-state-management-in-2025-zustand-vs-redux-vs-context Fri, 06 Mar 2026 13:47:10 GMT Server Components shrank the state debate. How to sort server data, UI state, shared state and URL state — and when Zustand, Redux or Context actually fits.

Read full article

]]> JavaScript Frameworks <![CDATA[CSS Grid Layout: The Complete Visual Guide]]> https://codefromscratch.org/blog/css-grid-layout-the-complete-visual-guide https://codefromscratch.org/blog/css-grid-layout-the-complete-visual-guide Sun, 01 Mar 2026 13:47:13 GMT Grid is the first CSS layout system designed for two dimensions. Learn its mental model, the fr unit, and the three patterns behind most real layouts.

Read full article

]]> Web Fundamentals <![CDATA[Prisma ORM: From Zero to Production]]> https://codefromscratch.org/blog/prisma-orm-from-zero-to-production https://codefromscratch.org/blog/prisma-orm-from-zero-to-production Tue, 24 Feb 2026 13:47:16 GMT Prisma makes your schema the single source of truth, but production is a different sport: migrations, N+1 queries, indexes, pooling, and honest escape hatches.

Read full article

]]> Databases <![CDATA[Authentication in Next.js with NextAuth.js v5]]> https://codefromscratch.org/blog/authentication-in-next-js-with-nextauth-js-v5 https://codefromscratch.org/blog/authentication-in-next-js-with-nextauth-js-v5 Wed, 18 Feb 2026 00:02:09 GMT The NextAuth v5 mental model, OAuth before passwords, bcrypt done right, JWT versus database sessions, and the security work the library leaves to you.

Read full article

]]> APIs & Integrations <![CDATA[Deploying Full-Stack Apps to Vercel: The Definitive Guide]]> https://codefromscratch.org/blog/deploying-full-stack-apps-to-vercel-the-definitive-guide https://codefromscratch.org/blog/deploying-full-stack-apps-to-vercel-the-definitive-guide Sat, 14 Feb 2026 13:47:22 GMT A real Next.js and Postgres app, from repo to production on Vercel: environment discipline, pooled connections, preview URLs, rollback, and honest costs.

Read full article

]]> Cloud & Hosting <![CDATA[Supabase Authentication: Complete Guide with Next.js]]> https://codefromscratch.org/blog/supabase-authentication-complete-guide-with-next-js https://codefromscratch.org/blog/supabase-authentication-complete-guide-with-next-js Mon, 09 Feb 2026 13:47:25 GMT Cookie sessions, the middleware refresh bridge, getUser over getSession, and RLS policies — Supabase auth in the Next.js App Router without random logouts.

Read full article

]]> Backend-as-a-Service <![CDATA[Tailwind CSS v4: What's New and How to Migrate]]> https://codefromscratch.org/blog/tailwind-css-v4-what-s-new-and-how-to-migrate https://codefromscratch.org/blog/tailwind-css-v4-what-s-new-and-how-to-migrate Fri, 30 Jan 2026 13:47:31 GMT Tailwind v4 moves configuration into CSS and turns design tokens into live custom properties. What changes, what breaks, and how to migrate from v3 safely.

Read full article

]]> CSS Ecosystem <![CDATA[Testing React Applications: A Complete Strategy]]> https://codefromscratch.org/blog/testing-react-applications-a-complete-strategy https://codefromscratch.org/blog/testing-react-applications-a-complete-strategy Tue, 20 Jan 2026 13:47:37 GMT Most React test suites break on every refactor while real bugs ship. How to test behavior instead of implementation — and what you should refuse to test.

Read full article

]]> Testing