/ArtifactbinTemplate

Template NextJS app to deploy Claude Sonnet 3.5 Artifacts to Vercel with one click

Primary LanguageTypeScriptMIT LicenseMIT

ArtifactBin Template Project

Welcome to the ArtifactBin template project! This repository serves as a starting point for deploying React components created on 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.

Deploy with Vercel

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:

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 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 or contact support@artifactbin.com.

License

This template project is released under the MIT License. See the LICENSE file for details.