https://github.com/marswong/claude-code-web-template
The most reliable web template for Claude Code
https://github.com/marswong/claude-code-web-template
agent claude claude-code lucide-react next sandbox scaffolding shadcn tailwindcss template
Last synced: 3 months ago
JSON representation
The most reliable web template for Claude Code
- Host: GitHub
- URL: https://github.com/marswong/claude-code-web-template
- Owner: marswong
- License: mit
- Created: 2025-11-14T10:07:08.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-11-14T11:11:44.000Z (3 months ago)
- Last Synced: 2025-11-14T13:11:59.906Z (3 months ago)
- Topics: agent, claude, claude-code, lucide-react, next, sandbox, scaffolding, shadcn, tailwindcss, template
- Language: CSS
- Homepage:
- Size: 15.6 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# claude-code-web-template
The most reliable web template for Claude Code.
## Usage
```bash
npx degit marswong/claude-code-web-template app
cd app
npm install
npm run dev
```
for realtime preview:
```bash
npm run build
npm start
```
port is set to `3000` by default, to set a custom port, please add the `--port` args:
```bash
npm start -- --port 1989
```
## Philosophy
- To avoid unknown issues, only use `next`, `shadcn`, `lucide-react` and `tailwindcss@3`, don't introduce any other package
- Build for model `claude-sonnet-4-5-20250929`, so all package versions and documentations should be published before the date `20250929`
- Leverage local MCP servers to search for resources
## Reference
- [next](https://nextjs.org)
- [shadcn](https://ui.shadcn.com)
- [lucide-react](https://lucide.dev/guide/packages/lucide-react)
- [tailwindcss](https://v3.tailwindcss.com)