Publish your App or Site

Fine now offers users the ability to publish apps and sites built in Fine, for sharing on the web.

There’s no need to use external providers for deployment or hosting!

How to Deploy in Fine

Free Subdomain

All users can publish for free at [project-name].hellofine.dev. This is great for sharing a prototype for feedback, or if you’re on a budget whilst you work towards your first customers.

Here’s how to deploy to a free subdomain:

In your most recent conversation with the Agent, click “Deploy” in the top-right corner.
Wait for the green light to appear, indicating your site has been successfully deployed.
Click “Redeploy” to update the site to the current version
Click “Visit Site” to open the newly deployed site in a new tab or Copy and Paste the URL displayed to share.

Connect a Custom Branded Domain

When you’re ready, take your business to the next level by adding your own domain (for example - yourbusiness.com).

You can purchase a domain from sites like godaddy.com. Regular domains cost around $10-15 per year and often come with a special offer for the first year or two (eg $1 for your first year). Premium domains (short or popular words) often cost more.

Click “deploy” in the top right corner of a conversation
Click “Custom Domain”. Fine will then display DNS variables you will need to give your domain provider (such as Godaddy).
Copy and paste the “A record” and “TXT record” into the “DNS settings” section of your domain provider and click save. This tells your domain provider that visitors to your website should be directed to our servers.
Go back to Fine and click “verify”. We’ll check to make sure that the connection has been made as expected. It’s usually very fast but can take up to 24 hours, so feel free to leave and check back later.
If after 24 hours the verification status is “Pending” or “Failed”, something may be wrong with your DNS settings. Make sure all the details have been saved and check with your domain provider. If you’re still having trouble, open a support ticket.
Clicking “Redeploy” will now update your project both on the subdomain and your custom domain.

SEO for your Fine-generated site

SEO (Search Engine Optimization - ensuring your site shows up high in search engines such as Google and Bing) is an affordable way to bring traffic to your site and grow your business. Whilst it’s a huge, constantly-evolving topic, here are some tips for getting the site you built in Fine to rank.

Use Project Instructions to ensure Keyword Optimization If you’re using Fine to write your website’s content whilst it builds, consider adding your short-tail keywords to your Project Instructions. Include 1-3 of your main target search terms.

For example, if you’ve built an app for chocolate lovers, you could use the following prompt in your Project Instructions:

Make sure to include the following keywords regularly, but not excessively, in the website content, to help rank for SEO: “Chocolate workshops”, “chocolate tasting”, “unique chocolates”. Make sure to include these terms in Headings, Image Alt Text and Metadata.

Adding Metadata Although many search engines have officially announced that their algorithms do not prioritize metadata when ranking sites, having a good Meta Title, Meta Description and Meta Image for each page is still important for SEO, for 3 reasons:

Improve Click Through Rates. First impressions matter and your meta data is what users will see both in search results and when your link is shared on social media, in messages and nowadays even in email. Make them click! Add keywords without ruining on-page experience. Although the search engines may not value metadata above page content, it’s still another place to add the keywords - without ruining the flow of the text of your page. We don’t really know how the Google algorithm works! They keep their cards close to their chest. There are also other, less advanced search engines, which together total millions of users.

Adding metadata in Fine is as simple as prompting the agent.

Update the metadata for the ______ page. 
Title:
Description:
Image:

Adding Alt Text Make sure all images on your site have alt text and include your (relevant) keywords in the alt text. This is important both for SEO and site accessibility. Simply prompt the Agent to do it for you.

Adding a Sitemap A sitemap tells the search engine robots how to navigate your website. It’s an important part of programmatic SEO.

Here’s a prompt to get the Agent to add a sitemap for you. Don’t forget to redeploy when it’s done.

Adding Content Content is key to SEO. A site which doesn’t say anything is unlikely to show up! Use the Agent to write relevant content quickly, such as adding an About page, a blog, FAQs etc.

Ensuring Accessibility Sites built by Fine are naturally responsive to different devices. Here are some more tips to make sure your site is accessible to all users.

Make sure the contrast between text and the backgrounds surrounding them is high enough - ie light tones of text on dark backgrounds or vice versa.

Index in Google Search Console Rather than waiting for Google to stumble across your website - tell them it exists!

Go to Google Search Console and create an account. You’ll need to add DNS records to your domain provider to verify ownership - just like you did when connecting your domain to Fine. The records provided by Google are added in addition to the Fine deployment DNS records - don’t delete them!

Once you’ve created an account and verified site ownership, make sure to add your sitemap link. You can also manually request indexing of pages.

Deploy outside Fine

You can still deploy apps built in Fine externally if you wish. Save and Push your project to GitHub and connect to a deployment service such as Netlify or Vercel.