Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hamedmp/artifactbintemplate
Template NextJS app to deploy Claude Sonnet 3.5 Artifacts to Vercel with one click
https://github.com/hamedmp/artifactbintemplate
artifactbin artifacts claude nextjs sonnet vercel
Last synced: about 22 hours ago
JSON representation
Template NextJS app to deploy Claude Sonnet 3.5 Artifacts to Vercel with one click
- Host: GitHub
- URL: https://github.com/hamedmp/artifactbintemplate
- Owner: HamedMP
- License: mit
- Created: 2024-07-14T11:52:55.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-14T18:02:26.000Z (7 months ago)
- Last Synced: 2024-11-27T23:09:57.935Z (2 months ago)
- Topics: artifactbin, artifacts, claude, nextjs, sonnet, vercel
- Language: TypeScript
- Homepage: https://artifactbin.com/
- Size: 115 KB
- Stars: 9
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ArtifactBin Template Project
Welcome to the ArtifactBin template project! This repository serves as a starting point for deploying React components created on [ArtifactBin.com](https://artifactbin.com) to Vercel.
## Overview
This template project is designed to work seamlessly with ArtifactBin.com, allowing you to quickly deploy your React components to Vercel with just a few clicks. The project structure is set up to accommodate the React component you create on ArtifactBin.com.
## Project Structure
```
/
├── app/
│ └── page.tsx # Your React component will be placed here
├── public/
│ └── ... # Static assets
├── .gitignore
├── next.config.js
├── package.json
├── README.md
└── tsconfig.json
```
# Usage
1. Clone this repository or use it as a template.
2. Replace the content in src/app/page.tsx with your React component from ArtifactBin.
3. Deploy to Vercel using the button above.
For more detailed instructions, visit [ArtifactBin.com](https://artifactbin.com).
[](https://vercel.com/new/)
## Customization
After deployment, you can further customize your project by cloning it from Vercel and making additional changes. Some ideas for customization:
- Add more pages or components
- Customize the layout in `app/layout.tsx`
- Add global styles in `app/globals.css`
- Configure Next.js options in `next.config.js`
## Requirements
This template project uses:
- [Next.js 14](https://nextjs.org/)
- [React 18](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
## Local Development
If you want to run this project locally:
1. Clone the repository
2. Install dependencies:
```
npm install
```
3. Run the development server:
```
npm run dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser
## Contributing
We welcome contributions to improve this template project! Please feel free to submit issues or pull requests.
## Support
If you encounter any problems or have questions, please file an issue on the [ArtifactBin GitHub repository](https://github.com/artifactbin/template-project/issues) or contact [email protected].
## License
This template project is released under the MIT License. See the [LICENSE](LICENSE) file for details.