Direct Hosting Integration with Netlify & Vercel via API

[PrakharDoneria]

Introduce native integration with Netlify and Vercel to allow users to directly deploy their generated websites from within the Karbon application using their respective APIs. Users should be able to authenticate with their platform-specific tokens, manage them securely, and initiate deployments seamlessly.

Details:

🔐 Authentication

• Allow users to enter and securely store their Netlify and/or Vercel access tokens.

• Tokens must be:

  • Encrypted and stored locally.
  • Never exposed in logs or the UI.
  • Editable via a secure token management interface.

🚀 Deployment Flow

• After code generation, provide an option to “Deploy to Netlify” or “Deploy to Vercel”.

• Use the respective platform’s API to:

  • Create a new site (if not linked already).
  • Trigger a new deployment.
  • Display real-time deployment status and success/failure feedback to the user.

📄 Optional Features

• Option to link custom domains if supported by the user’s Netlify/Vercel account.
• Save deployment history or site metadata for easier re-deployments.

API References:

• Netlify API Docs
• Vercel REST API

Benefits:

• Streamlines deployment from code generation to live hosting with minimal manual intervention.
• Makes Karbon a complete "build and ship" experience for frontend developers.
• Encourages use of modern hosting platforms with minimal configuration required.

[kanishkasrm2027]

Hello, I'm Kanishka.
I’m a GSSoC'25 contributor and very interested in working on this issue.

From what I understand, the goal is to integrate Netlify and Vercel into the Karbon app, allowing users to directly host their websites. This includes securely entering and storing their access tokens and enabling seamless deployment.

I’m a beginner and new to open-source contributions, but I’m eager to learn and take this up. I’ve gone through the issue and would love the opportunity to understand how Netlify and Vercel integrations work and implement this feature step by step.

If assigned, I’ll make sure to research thoroughly, ask questions when needed, and give my best to contribute to the project.

Please consider assigning this issue to me. Thank you! 🙌

[PrakharDoneria]

All the best best 💯

[PrakharDoneria]

Done ✅

[kanishkasrm2027]

Thank you so much for assigning me this issue! 🙌
I'll start exploring the codebase and APIs, and share my progress soon.

[PrakharDoneria]

Take your time (⁠θ⁠‿⁠θ⁠)

[esharatnaparkhi]

@PrakharDoneria Can you assign this task to me as well, I'll try my best to resolve it

[PrakharDoneria]

@esharatnaparkhi assigned