Echofold Logoechofold
FractiumLaunchLoopServicesTrainingEvents
Echofold Logoechofold
Back to Community

0. INSTALL CLAUDE CODE

A

Open Terminal

Mac:Press Cmd + Space, type Terminal, press Enter
Windows:Press Win + R, type cmd, press Enter
B

Install Node.js

Download and install Node.js (version 18 or higher):

Download Node.js

Choose the LTS (Long Term Support) version. Run the installer and follow the prompts.

C

Create Anthropic Account

Sign up for an Anthropic account (required to use Claude Code):

Create Account

You'll need to add credits or subscribe to use the API.

D

Install Claude Code

Run this command in your terminal:

npm install -g @anthropic-ai/claude-code

This installs Claude Code globally on your computer.

VERIFY INSTALLATION

Check that everything is installed correctly:

node --version

Should show v18.0.0 or higher

claude --version

Should show the Claude Code version number

1. FOLDER STRUCTURE

Desktop
Project
CLAUDE.md
Website.zip

CLAUDE.md

Project Instructions File

DOWNLOAD CLAUDE.md

Website.zip

Get a starter template from v0.dev

  1. 1. Browse landing page templates
  2. 2. Click one to open with Vercel
  3. 3. Click "Download Code" to get the zip
BROWSE TEMPLATES

WHAT WE'RE BUILDING

We're going to build a website using Claude Code! The CLAUDE.md file contains all the instructions for Claude to understand what to build.

Want to build something different? No problem! Just ask Claude to modify the CLAUDE.md file based on your preferences.

SETUP STEPS

  1. 1. Create a Project folder on your Desktop
  2. 2. Download CLAUDE.md and put it in the folder
  3. 3. Go to v0.dev/templates and download any template
  4. 4. Put the Website.zip in the folder
  5. 5. Unzip the zip file

2. OPEN CLAUDE CODE

1

Open Terminal

Open your terminal (Mac/Linux) or Command Prompt (Windows)

2

Navigate to Folder

cd ~/Desktop/Project
3

Start Claude Code

claude
4

Ask Claude to Understand the Files

Understand all of the files here

3. BUILD THE WEBSITE

PROMPT

Build me a website using the website template. Use CLAUDE.md as the instructions for what to build. Run it locally when you're done.

WHAT CLAUDE WILL DO

  • Read and understand the CLAUDE.md instructions
  • Apply the color scheme and styling
  • Build all the sections (Hero, Features, Team, Contact)
  • Create the contact form
  • Run npm run dev to start the local server

4. VIEW YOUR WEBSITE

$ npm run dev

VITE v5.0.0 ready in 500 ms

→ Local: http://localhost:3000

Ctrl + Click the link to open your website

Or copy the URL and paste it in your browser

NEXT STEPS

Keep learning and connect with the community

Join our DiscordView Resources

Stay Updated

Get notified about new tutorials, workshops, and community events