Getting Started

First, sign up at workspace.code350.com if you haven't already. You can sign in with GitHub or Google — it takes 10 seconds.

---

Create a New Project

From your Dashboard, click New Project and select Next.js. Give it a name like "my-coffee-shop" and hit create. This sets up a full Next.js project for you — no terminal, no installs, nothing to configure.

---

Tell the AI What You Want

Once your project opens, you'll see a code editor on the left and an AI chat panel on the right. This is where the magic happens.

Type a prompt describing the site you want to build. Be specific about:

• What the business is — what you sell or offer
• Design preferences — colors, style, mood
• Content — hours, location, key info you want on the page

---

Example Prompts

Here's what we used in the video:

Build me a landing page for my digitally friendly coffee shop Code350 Cafe. Use black background, mostly white text, and Emerald for highlights and accents. We are open 6–6 Mon–Thur, 6–9pm Friday and Saturday, and 8–4pm Sunday.

Here are some other ideas you can try:

Build a landing page for my dog grooming business "Paws & Claws." Use a warm cream background with brown accents. Include our services: bath & brush ($40), full groom ($65), nail trim ($15). We're open Tue–Sat 9am–5pm.

Create a homepage for my freelance photography portfolio. Dark theme, minimal layout. Show a hero image area, an about section, and a contact form. Use blue accents.

Make a landing page for a local tutoring service called "BrightMinds." Light background, friendly colors. We offer math, science, and English tutoring for grades 6–12. First session free.

---

Watch It Build

After you submit your prompt, the AI will start writing code in real time. You'll see files appear in the editor and changes happening live. It handles:

• Page layout and structure
• Styling and colors
• Content sections
• Responsive design