Quick Start
Create a ProjectEdit a PageLink to a PageSet a TemplatePrepare for SEOPublish to the WebSet up a Custom DomainBasics
Project StructureMarkdownJSXMDXMarkdocES ModulesCSS StylingTailwind CSSMetadataLayout and Design
LayoutsTemplatesResponsive DesignsUsing ColorsTypographyMathematicsPublishing
SEO and SharingCustom DomainsAnalyticsSitemapsFaviconsGuides
WebflowNotionFramerConfiguration
motif.jsontailwind.config.jsmain.cssApp
Keyboard ShortcutsSlash CommandsInstant SearchOffline AccessDistraction-Free WritingReal-Time CollaborationDesktop AppAdvanced
Motif APIBy adding a custom domain, you can make your public pages accessible at your own, non-Motif domain name, say yourdomain.com.
In this guide, we'll walk you through how to set it up.
If you don't own a domain, you can buy one via a domain registrar. Here are a few options:
Once you own the domain, head over to the project settings (for instance using the ⌘, shortcut), and open the Pages tab. Select Add custom domain and enter your domain name.
Head over to your registrar, select your domain, and navigate to the associated DNS settings. The following instructions will vary depending on whether you are settings up a domain, such as yourdomain.com, or a subdomain, such as blog.yourdomain.com.
For a bare domain without a subdomain, such as yourdomain.com, you will need to configure an A record.
@
. Note that if you already have an A record with an empty or @
host, you will first need to remove it.76.76.21.21
.If you assign a bare domain to your site, Motif will automatically add a
www
subdomain for the domain as well, so that your site will be available at
both yourdomain.com and
www.yourdomain.com.
If you are configuring a subdomain, such as blog.yourdomain.com, you will need to configure a CNAME record.
blog
, as the host.cname.vercel-dns.com
.For your pages to be accessible at your custom domain, make sure they are public, which is done via the Share button.
Furthermore, if you want a page to be accessible at the root of your domain (i.e. without a path, e.g. yourdomain.com or blog.yourdomain.com), make sure that there is a page named Index at the root of your pages.
Updates to the DNS records can take several hours to propagate, depending on your registrar. They can also partially be propagated to some geographical regions of the Internet before being propagated globally. If after 24 hours the settings have not yet propagated, please reach out to us at support@motif.land.
Congratulations! You've completed the steps from a blank page to a live website! Make sure to read the additional guides in this documentation to leverage the full potential of Motif.
© 2022 Motif Land Inc. All rights reserved. This site is built with Motif.