Skip to content
CodeAndBuild LogoCodeAndBuild

All guides

59 free guides with code and prompts you can use today. Newest first, or pick a topic.

AI VideoPromptsCreators

24 Cinematic AI Video Prompts You Can Copy Today

Copy-ready cinematic prompts for rain, desert, ocean, space, and city shots, plus the five-part formula that makes them work.

10 min read
CSSNext.jsUI

Build a Glass 3D Login Card in Next.js

How to build the glass login on this site: blur, stacked layers, pointer tilt, and a form that stays in the browser.

11 min read
PublishingSEOUX

Give Every Page One Obvious Next Click

How a technical site earns another pageview: one next step on the hero, in the article, and after the last paragraph.

8 min read
ReactUICSS

Use One Glass Shell for Login and Signup

One glass stage, two forms. How to share the shell between sign-in and create-account without cloning the CSS.

8 min read
Next.jsZodTypeScript

Validate Next.js Server Actions with Zod

A Zod schema at the Server Action boundary so bad input fails before a write, with errors the form can show.

8 min read
Game DesignUnityLighting

Bake Lighting in Unity for a WebGL Scene

A lighting bake workflow for Unity WebGL so a scene looks finished without a realtime lighting budget.

8 min read
ReactServer ComponentsNext.js

A mental model for React Server Components

Treat the client directive as a boundary, not a decoration. Props that cross it have to be data, not functions or classes.

8 min read
SEOMetadataNext.js

Technical SEO for a developer blog

Write a specific title, give each guide one URL, and make the heading structure match the outline a reader would sketch.

6 min read