Exporting a Webflow Site: A Checklist - Feedback Welcome!

Design help General
16

I’ve managed to get CMS posts / pages by using an app called sitesucker.
As long as your site has links someplace to each article / post / page somewhere it will automatically download a static version (if you set your setting up in the app right).

I needed to do this because webflow doesn’t’ yet support SSL so we needed to self host it.

In sitesucker put in the https://sitename.webflow.io url and make sure your asset urls are using https in webflow. Sitesucker will download the whole site, and depending on the settings you choose, the assets associated with it, (I chose to keep all assets hosted on webflow’s CDN but you can actually have it download all the assets as well.)

Here is an example of my .htaccess:

# Apache Rewrite Rules
<IfModule mod_rewrite.c>
Options +FollowSymLinks
RewriteEngine On
RewriteBase /
#site.com/page will display the contents of site.com/page.html
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule ^(.+)$ $1.html [L,QSA]

#301 from site.com/page.html to site.com/page
RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /.*\.html\ HTTP/
RewriteRule ^(.*)\.html$ /$1 [R=301,L]

#301 from index inside folders
RedirectMatch 301 ^/projects/index.html /our-work.html

RewriteCond %{HTTP_HOST} ^site\.com [NC]
RewriteCond %{SERVER_PORT} 80 
RewriteRule ^(.*)$ https://site.com/$1 [R,L]

# Uncomment this if we don't want unknown pages to try on the subdomain blog. to see if the content is on webflow
# ErrorDocument 404 /404.html

# 404 test -- file/folder exists? if not redirect to the same url but on the blog subdomain (webflow)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^/?(.*) http://site.webflow.io/$1 [R=301]

# End of Apache Rewrite Rules
</IfModule>`

I also wherever needed in the static files downloaded by sitesucker I’ve modified parts to allow anything cms data updated in webflow to be pulled into the static site by using a tool called import.io and just straight up replacing html.

So for example, a blog listings page like https://thomasarts.com/blog or a jobs listing page like Careers - TA i’ve written some custom code that replaces sections of the html with html from the webflow site automatically using import.io and targeting certain sections.

Hopefully webflow will support SSL soon so I don’t have to do so many workarounds.

2 Likes