Phase: BuildingAction Day30 minutes

Day 16: Understanding the Structure

Every file in a Next.js project has a purpose. Understanding the structure helps you know where to make changes. You don't need to memorize everything - just know where to look.

Today's Tasks

  1. 1Ask Claude Code to explain each file/folder in your project
  2. 2Identify: Where pages live, where styles go, where config is
  3. 3Create a simple map/diagram of the structure

Prompt to Use

Explain the folder structure of this Next.js project. What is each file and folder for? Which ones will I edit most often? Create a simple text diagram showing the structure with explanations.

Expected Outcome

Understanding of Next.js project structure.

New Terms

app/page.tsxlayout.tsxpackage.json

Pro Tip

You don't need to understand everything. Focus on `app/` - that's where your pages live.

Coming Tomorrow

We'll build our first component.