![](/_next/image?url=https%3A%2F%2Fvercel.com%2Fapi%2Fv1%2Fintegrations%2Fassets%2Foac_51ryd7Pob5ZsyTFzNzVvpsGq%2Fimages%2F75ad60786598d00ca48ca0325042677a23804e02.png&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fvercel.com%2Fapi%2Fv1%2Fintegrations%2Fassets%2Foac_51ryd7Pob5ZsyTFzNzVvpsGq%2Fimages%2F8d29cdb6c1a294b05e8e52c6d8069cfddaa000a6.png&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fvercel.com%2Fapi%2Fv1%2Fintegrations%2Fassets%2Foac_51ryd7Pob5ZsyTFzNzVvpsGq%2Fimages%2F0bdf455a425ef14975a10e9cb3cf3301115e4cb7.png&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fvercel.com%2Fapi%2Fv1%2Fintegrations%2Fassets%2Foac_51ryd7Pob5ZsyTFzNzVvpsGq%2Fimages%2F165f7fa86a8c3c5b1114e2e9667ff6a1f94ebd25.png&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fvercel.com%2Fapi%2Fv1%2Fintegrations%2Fassets%2Foac_51ryd7Pob5ZsyTFzNzVvpsGq%2Fimages%2F07aaef9bfa8862cb6666b30ce4019417f238f14f.png&w=3840&q=75)
Overview
Makeswift is a composable layout and content management system that gives marketers and designers visual control of modern websites. With Makeswift, engineers can give marketers custom building blocks by integrating React components into Makeswift’s visual builder. Makeswift integrates into your codebase like a headless CMS, but the difference is marketers and designers can use our no code builder for the majority of their content and layout needs out of the box, only having to rely on engineering for isolated custom component development.
Instructions
This integration will take your Makeswift site's API key and set it as the MAKESWIFT_SITE_API_KEY
environment variable in your Vercel project. It will also set the MAKESWIFT_API_ORIGIN
environment variable to https://api.makeswift.com
.
In addition, it will take the deployed URL of your site and set it as the custom host URL in your Makeswift site.
The best way to use this integration is via a deploy button in one of our example READMEs. e.g. https://github.com/makeswift/makeswift/tree/main/examples/basic-typescript