Latest guide · React
How to Optimize React Native Apps for Better Performance
A comprehensive guide to fixing performance bottlenecks in React Native apps, improving frame rates, and leveraging the Hermes engine.
3 min read
NewTry the glass 3D login demo
Build real things with code and AI.
Step-by-step guides for Next.js, AI coding, AI video, and game development. Every guide ships with code or prompts you can use the same day, and every one is free.
- free guides
- 59
- topics
- 4
- browser tools
- 2
- last update
- Oct 27
Pick a topic
Latest guides
The most recent guides, newest first.
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
AI VideoYouTube ShortsCreators
Start a Faceless YouTube Shorts Channel with AI: The Full Workflow
A step-by-step faceless Shorts workflow: niche, hook, script, AI voice, AI clips, captions, and a posting rhythm you can keep.
11 min read
AI CodingCursorPrompts
12 Cursor Prompts That Save Developers Hours Every Week
Twelve prompts for real coding work, each with the context it needs and the stopping rule that keeps the agent honest.
10 min read
AI Art3D CharacterPrompts
Turn a Photo into a 3D Cartoon Character with AI (Free Prompt)
The prompt and the steps to turn a portrait into a 3D animated-movie style character, then reuse it in new scenes.
9 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
Web Development
Next.js, React, TypeScript, Supabase, Postgres, CSS, and SEO guides with code you can paste into a real project.
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
ReactCSSUI
Tilt a Card with the Pointer and No Library
A few lines of pointer math for a 3D card tilt, with a rest state and a reduced-motion exit.
8 min read
CSSAccessibilityUI
Keep Text Readable on a Glassmorphism Panel
A glass panel can look soft and still pass a glance test. Put the contrast on a fill, not on the blur.
8 min read
AI Coding
Cursor rules, prompt engineering, coding agents, and AI APIs wired into Next.js routes.
AI CodingCursorNext.js
Write Cursor Rules That Keep a Next.js Repo Consistent
How to write Cursor rules that describe a Next.js repo's real conventions, without turning the rules file into a novel.
8 min read
AI CodingPrompt EngineeringCode Review
Prompt Engineering for a Code Review That Finds Real Bugs
How to prompt a code review so the model checks invariants, security boundaries, and missing tests.
8 min read
AI CodingAI AgentsSkills
How to Write a Project Skill an AI Coding Agent Will Follow
Turn a repeated repo workflow into a skill: when it applies, which files to read, and when to stop.
8 min read
AI Video & Art
Photoreal image prompts, character sheets, Fal.ai and LTX Video clips, voiceover, and edit plans for short films.
AI VideoCharacter SheetShort Film
How to Make a Short Film from One AI Character Sheet
A character sheet, a gathering scene, and a shot list for a 90-second 3D-style savanna short you can actually finish.
8 min read
AI VideoFal.aiVideo
Run Image-to-Video Jobs on Fal.ai with the Queue API
A server-side queue workflow for Fal.ai image-to-video: submit, poll, and store the finished clip.
8 min read
AI VideoLTX VideoStoryboard
Plan an LTX Video Product Demo from a Storyboard
A shot list for LTX Video product demos: one still, short clips, and an edit that carries the runtime.
8 min read
Game Development
Blender modeling, export settings, light baking, and Unity data patterns for small games that ship.
Game DesignBlenderUnity
Export a Blender Scene to Unity Without Broken Scale
The unit, scale, and FBX settings that keep a Blender scene the right size in Unity.
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
Game DesignBlenderUnity
Build a Low-Poly Character from Blender into Unity
A low-poly character pipeline: shape, one material, a simple rig, and an FBX Unity can animate.
8 min read
Know someone learning to build? Send them here.
Every guide is free. Share CodeAndBuild with your team, your class, or your feed, or follow new guides in any reader with the RSS feed.