Download your site's code
Take any site away as an ordinary Next.js project, to host it anywhere or hand it over.
What's in the ZIP
The current version of the site, as the open project Shingle wrote.
In the download
- The pages, one folder each
- The sections and parts they're made of
- The business's details in one file
- Its images, and its fonts with their licenses
- A README on running, building and publishing it
Keeps working anywhere
- The site itself, as static files
- The cookie banner, age check and chat button
- Redirects for moved pages
- Search titles and the sitemap
- The blog, as published when you downloaded it
Needs Shingle's hosting
- Forms, until you connect a form service of your own
- Online booking and newsletter signups
- Visit counts for Analytics
- Tracking codes, such as Google Analytics
- Custom code, which you'd add to the layout yourself
From ZIP to any web host
Download it
Press Download code in Site settings, under Code. It says Preparing while the ZIP is made.
Run it
Install Node.js 22 or newer, then run npm ci and npm run dev to open it on your computer.
Build it
Run npm run build. It writes plain HTML, CSS, JavaScript and images to the out folder.
Publish it
Upload that folder to any web host. The README says what to change if the address moves.
You can always leave
A website builder with code export gives you a way out. Plenty of builders keep your site inside their platform, so leaving means building it again somewhere else. Shingle writes each site as an ordinary Next.js and Tailwind project, the kind a web developer would recognize. On the plan, you can download the current version whenever you like.
You might never need it, and it still matters to know you could. A client's developer may want to take over. A client's IT team may want it on their own server. You might want something the editor doesn't do, or simply your own copy of work you were paid for.
A download is a snapshot of one version. Changes you make in Shingle afterward need a new download, and changes you make to the code can't come back into Shingle. A demo's copy asks search engines not to list it, so publish the site first and download it again if you plan to host it yourself. That copy names the site's address and holds its published blog.
Three good reasons
Handing a site over
Give a client or their developer a normal project, with its README, images and business details.
Hosting it yourself
Run the build and put the out folder on any web host. Set up your own form service first.
Going past the editor
Need something Shingle doesn't do? A developer can change the code directly and host the result.
Common questions
Can't find your answer? Read Shingle Help or email [email protected].
Yes, on the plan, its trial included. Open a site's Site settings and press Download code under Code. You get a ZIP of the current version as an ordinary Next.js project, with its images and a README, which builds anywhere as a static site. Without the plan, that section points you to it.
Forms send their answers to Shingle, so connect them to your own form service in the code. Booking and newsletter signups run on Shingle, and visit counts and tracking codes are added by its hosting. Custom code is left out. The cookie banner, age check, chat button and redirects are in the code and keep working.
To download a site from Shingle, no. To run or host it, a little. You'll use a terminal to run a few commands, and the README lists them. If that's not for you, hand the ZIP to a developer, or keep the site on Shingle, where publishing takes one press and no setup.
No. A download goes one way. Changes you make to the code stay in your copy, and Shingle keeps working from its own versions. If you change the site in Shingle later, download it again to get the new version, then bring your own edits across by hand.
TypeScript, with React, Next.js and Tailwind CSS, in the open project Shingle's builder wrote. Pages sit in the app folder, parts in the components folder and the business's details in one file. It installs from public packages with npm, and the fonts Shingle picks are open source, with their licenses included.
No. Downloading the code comes with the plan and uses no credits. It doesn't change anything on Shingle either, so the site stays live there while you decide. Download again whenever the site changes and you want the newer version.
Read next
- Custom domainsConnect a domain you own, with HTTPS set up for you.
- Website formsForms that email you and send each lead where you work.
- Clone a websiteCopy a site you own or may copy, then change it.
- Freelance web designersPitch a real site before days of building.
- Pricing7 days for $1, then one plan at $49 a month.
- SitesWhat a site is, from first build to live.
Build your first site
Start from a Google listing or a few notes. Demos usually take 5–15 minutes.
7 days for $1, then $49 a month. Cancel any time.