Can I design a website on Webflow, export it, and then deploy it on a "deployable" environment through Vercel to have access to an SSL verified domain specific to that page?
TL;DR
- Design your website in Webflow and publish it to test functionality.
- Export the site code as a ZIP file from Webflow's Dashboard.
- Set up a Vercel account and create a new project.
- Unzip the Webflow files and deploy to Vercel using CLI or dashboard.
- Configure an SSL enabled custom domain in Vercel and verify the deployment over HTTPS.
You want to design a website on Webflow, export it, and then deploy it on Vercel to take advantage of a SSL verified domain. Here’s how you can achieve this:
1. Design in Webflow
- Create your website in Webflow using the Designer tool.
- Once satisfied with your design, publish it to a Webflow staging domain to test its appearance and functionality.
2. Export Code from Webflow
- Go to the Dashboard of your project.
- Click on Export Code. This will download your website’s code as a ZIP file containing HTML, CSS, JavaScript, and any assets.
3. Setup a Vercel Account
- Sign up or log in to Vercel.
- Create a new project if you haven’t already.
4. Deploy to Vercel
- Unzip the exported Webflow files on your local machine.
- Use Vercel’s CLI or dashboard to deploy your site. You can do this by navigating to the folder with your site files and running
vercelin your command line interface.
5. Configure SSL and Custom Domain
- Once deployed, navigate to Domain Settings in Vercel.
- Add your custom domain, and Vercel will automatically set up SSL for you.
6. Verify Deployment
- Ensure that your site works over the HTTPS protocol.
- Test the site in different browsers to confirm accessibility and functionality.
Summary
By exporting your Webflow project and deploying it on Vercel, you can use Vercel’s domain management to gain a SSL verified domain. This allows you to maintain full control over your site’s hosting environment while benefiting from SSL security.
