Featured articleGetting started
Getting started with the CodPen online editor
From choosing a template to creating files, using live preview, and saving your first project—a practical path into CodPen.
By CodPen.ir1 min read
Read articleCodPen technical journal
Ideas and practical guides for building better web projects
Clear, production-minded articles about JavaScript, TypeScript, React, Next.js, AI-assisted coding, and the CodPen workflow.
CodPen Blog
Latest articles
React1 min read
Build your first React project from scratch
Build a small but realistic interface with components, props, and state while learning a clean React project structure.
Read article
Programming languages1 min read
JavaScript or TypeScript: which should you choose?
Compare the practical tradeoffs in startup speed, maintenance, developer experience, and team size.
Read article
Next.js1 min read
Essential Next.js and App Router capabilities
Understand Server and Client Components, routing, metadata, and loading UI through one practical mental model.
Read article
Artificial intelligence1 min read
Using AI safely for code generation
Learn to write precise requests, review diffs, and benefit from AI without handing over control of your project.
Read article
Debugging1 min read
A reliable frontend debugging workflow
Replace guessing with a repeatable process: reproduce, narrow the scope, and use console and network evidence to find the root cause.
Read article