2 min read
Step 1: Starting
Set up the portfolio project structure.
Create the Project
mkdir ~/Desktop/Portfolio
cd ~/Desktop/Portfolio
claudeFirst Prompt
I want to build a personal portfolio website.
Structure:
- Home page with brief intro and project grid
- Individual project pages with details
- About section (can be on home page)
- Contact information
Tech: Use Astro or Next.js — whatever you recommend
for a simple static portfolio.
Start with the basic project structure and a minimal home page.What Claude Creates
- Project scaffolding
- Basic file structure
- A starting home page
Run the Dev Server
Start the dev server so I can see changes live.Open the URL Claude provides (usually localhost:3000 or localhost:4321).
Project Structure
Ask Claude to explain what was created:
Walk me through the project structure.
What files do what?Understanding the structure helps when you want to modify things later.
Checkpoint
- Project created
- Dev server running
- Basic page visible in browser
- You understand the file structure
What You Learned
- Setting up modern web projects
- Dev servers for live preview
- Basic project organization