Uploaded January 2025 | Updated September 2026, 2 weeks ago
🔗 Try Wix AI now: https://go.teachers.tech/WixWebsite
How to make a website with Wix. In this beginner-friendly tutorial, we’ll show you how to harness the power of Wix’s AI features to design and build your website in minutes. Whether you’re starting a personal blog, a business site, or an online portfolio, Wix ADI (Artificial Design Intelligence) makes website creation fast, simple, and stress-free.
📌 In this video, you’ll learn:
How to use Wix ADI to create a website tailored to your needs.
How AI can help you generate content and design elements automatically.
Tips and tricks to customize your site for a professional look.
💻 No coding? No problem! With Wix AI, anyone can build a stunning, fully functional website—no tech skills required.
0:00 Introduction
1:13 Start your site with AI
2:51 Wix’s dashboard
3:45 Site design with AI
6:15 Previewing your website
7:28 Navigating pages for editing
8:07 Webpage structure
8:59 Quick edits with Wix
9:59 Edit images, changing images
11:23 Create an image with AI
12:40 Uploading a logo
14:35 Let AI create your logo
17:23 Customizing website themes
19:59 Editing, adding text and images
22:56 Adding a new section (template or AI)
24:49 Creating new pages in wix
26:43 Connecting social media accounts to icons
29:12 Adding a FAQ app to a page
31:42 Managing your website blog
32:22 Create a new post with AI
33:45 Collect emails
34:36 Publishing your site
35:23 Have multiple free sites and deleting sites
🔗 Try Wix AI now: https://go.teachers.tech/WixWebsite
How to make a website with Wix. In this beginner-friendly tutorial, we’ll show you how to harness the power of Wix’s AI features to design and build your website in minutes. Whether you’re starting a personal blog, a business site, or an online portfolio, Wix ADI (Artificial Design Intelligence) makes website creation fast, simple, and stress-free.
📌 In this video, you’ll learn:
How to use Wix ADI to create a website tailored to your needs.
How AI can help you generate content and design elements automatically.
Tips and tricks to customize your site for a professional look.
💻 No coding? No problem! With Wix AI, anyone can build a stunning, fully functional website—no tech skills required.
0:00 Introduction
1:13 Start your site with AI
2:51 Wix’s dashboard
3:45 Site design with AI
6:15 Previewing your website
7:28 Navigating pages for editing
8:07 Webpage structure
8:59 Quick edits with Wix
9:59 Edit images, changing images
11:23 Create an image with AI
12:40 Uploading a logo
14:35 Let AI create your logo
17:23 Customizing website themes
19:59 Editing, adding text and images
22:56 Adding a new section (template or AI)
24:49 Creating new pages in wix
26:43 Connecting social media accounts to icons
29:12 Adding a FAQ app to a page
31:42 Managing your website blog
32:22 Create a new post with AI
33:45 Collect emails
34:36 Publishing your site
35:23 Have multiple free sites and deleting sites





![Claude Code for Beginners — Build Your First App with AI (No Coding Required!)
In this step-by-step tutorial, I show you how to use Claude Code to build a fully working web app — without writing a single line of code yourself. We go from an empty desktop to a complete Bookmark Dashboard app with search, categories, dark mode, and more — all by typing plain English.
Whether youre a teacher, a professional, or just someone curious about AI — this video will show you that the barrier to building technology is coming down.
Claude Code - Build your First Agent: https://youtu.be/gHB4JFG9i3k
Claude Code: Build a Business Analyst
Learn how to use Claude Cowork: https://youtu.be/vv09DHej6gg
⏱ TIMESTAMPS
0:00 — What were building (preview)
0:45 — What is Claude Code?
1:51 — Pricing & what you need
3:03 — Installation walkthrough
3:42 — Windows fix: Git Bash error
6:02 — Building the app (live demo)
11:45 — Tips & best practices
13:22 — Wrap-up
━━━━━━━━━━━━━━━━━━━━━━━━━
🔗 IMPORTANT LINKS
Claude (sign up / pricing):
https://claude.ai/pricing
Claude Code documentation:
https://code.claude.com/docs
Git Bash for Windows (if you get the red error):
https://git-scm.com/downloads/win
━━━━━━━━━━━━━━━━━━━━━━━━━
💻 INSTALLATION COMMANDS
Mac (with Homebrew):
brew install claude-code
Windows (PowerShell):
winget install Anthropic.ClaudeCode
Start Claude Code:
claude
Windows Git Bash fix (if Claude Code cant find it):
$env:CLAUDE_CODE_GIT_BASH_PATH = C:Program FilesGitbinbash.exe
━━━━━━━━━━━━━━━━━━━━━━━━━
📋 PROMPT 1: Build the Bookmark App
(Copy and paste this into Claude Code)
Create a new folder on my Desktop called my-bookmarks-app, then build me a personal bookmark dashboard as a single HTML file inside it. Heres what it should do:
Let me save bookmarks with a title, URL, category, and optional notes
Display all bookmarks as nice-looking cards in a grid layout
Include a search bar that filters bookmarks by title or category
Let me filter by category using clickable buttons
Save everything to the browsers local storage so bookmarks persist
Include some sample bookmarks so it doesnt look empty when it first loads
Make it look modern and clean with a blue color scheme
Let me delete bookmarks I dont want anymore
Make it responsive so it works on mobile too
━━━━━━━━━━━━━━━━━━━━━━━━━
📋 PROMPT 2: Open the App
(After Claude finishes building)
Open the app in my browser so I can see it
━━━━━━━━━━━━━━━━━━━━━━━━━
📋 PROMPT 3: Add New Features
(To add edit and dark mode)
Can you add two more features to the bookmark app:
An edit button on each card so I can update the title, URL, or category
A dark mode toggle in the top right corner
━━━━━━━━━━━━━━━━━━━━━━━━━
⚡ TIPS & USEFUL COMMANDS
Plan Mode (review before building):
Press Shift + Tab before typing your prompt
Compact (refresh Claudes memory):
/compact
Ask Claude to explain code:
Can you explain how the search feature works?
Paste errors back to Claude:
Im getting this error: [paste error here] — can you fix it? Claude Code for Beginners — Build Your First App with AI (No Coding Required!)](https://i.ytimg.com/vi/s-Mc26Ytz10/mqdefault.jpg)




