
If you have not used Claude Code, maybe I can inspire you with a website I created
Hey folks,
Sumit here from my little Himalayan village. I recorded this as I created my website nocodo.com and made it live. The content work has not started. This is only the basic layout/structure of the website for my AI/vibe coding related content.
Video: Vibe Coding: Create a Static Website with Astro, Tailwind and Markdown for Content
In the 20 minutes video, I go through:
Use Claude.ai to create a high level document
Initiating a repository with GitHub
Save Claude's high level document to `website/README.md` in cloned repository
Using Claude Code to scan the `website/README.md` and initiate `CLAUDE.md` files in root and `website` folder
Ask Claude Code to update project from original Vite (in Claude.ai prompt) to using Astro
Ask Claude Code to create GitHub ticket to add support for Tailwind CSS
Ask Claude Code to create rest of the tickets to achieve what is stated in `website/README.md`
Then take each ticket and see the result locally
After first issue was tackled, I ask Claude Code to create a GitHub Actions workflow for basic code and build checks for the website
Configure a Cloudflare Pages account using the GitHub repository to go live
This is a very basic workflow but it shows how to use Claude Code to build a website, and have a minimal Markdown based editing. When I change content, I can commit and push changes and website will be deployed with Cloudflare (or ask Claude Code to commit/push).
I am very new as a content creator, so please let me know what you do not like about this. I encourage taking a structured approached with building software with Large Language Models. If you do not know how to code, I am happy to help if you get stuck, just ask me on this post. Happy building!
Replies