Sumit Datta

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:

  1. Use Claude.ai to create a high level document

  2. Initiating a repository with GitHub

  3. Save Claude's high level document to `website/README.md` in cloned repository

  4. Using Claude Code to scan the `website/README.md` and initiate `CLAUDE.md` files in root and `website` folder

  5. Ask Claude Code to update project from original Vite (in Claude.ai prompt) to using Astro

  6. Ask Claude Code to create GitHub ticket to add support for Tailwind CSS

  7. Ask Claude Code to create rest of the tickets to achieve what is stated in `website/README.md`

  8. Then take each ticket and see the result locally

  9. After first issue was tackled, I ask Claude Code to create a GitHub Actions workflow for basic code and build checks for the website

  10. 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!

15 views

Add a comment

Replies

Be the first to comment