Tutorial 1: How to Host Your Website

Kantan CMS is a static site hosting website that makes it easy to deploy and manage your web projects. In this tutorial, we'll guide you through the complete process of hosting your website with your own custom domain.

Prerequisites

Before we begin, you'll need to enable hosting in your Kantan CMS account:

• Go to Settings > Hosting and enable hosting

Creating Your Website

Step 1: Start a Project

You can create your website using modern development tools. We recommend using one of the following platforms:

• Lovable
• Bolt.new
• v0

Step 2: Use the Recommended Prompt

When creating your project, we recommend using this prompt template to ensure your website is optimized for Kantan CMS:

I want to create a website about a community focused on AI in Tokyo. 
I want the website to have the following:
- Responsive Design
- use Next.js as SSG framework
- use Tailwind CSS
- use markdown to manage content
- have a dedicated news section page
- Include an email collection form on the homepage

Based on the following outline, generate a spec sheet to create the website.
I want it in markdown format (artifact).

[Insert your outline from Step 1]

Step 3: Prepare Your Project

1. Once your website is created, download the project to your local machine
2. Generate the static website files
3. Create a GitHub repository and upload your project

Hosting Your Website

Step 1: Upload Your Site

1. Go to Kantan CMS > Hosting
2. Click Build
3. Click "Upload ZIP File"
4. Drag and drop the ZIP file you created in the previous section
5. Wait for the upload to complete - the building status will show as "running"

Step 2: Preview Your Site

1. Once the build is complete, click "Preview"
2. Check if your website was created correctly
3. After reviewing your site, click "Back to Hosting"

Step 3: Deploy Your Site

1. Click the "Deploy" button
2. Once deployment is complete, click "Live" Menu > Default URL
3. Verify that your website is live and accessible

Using Your Custom Domain

Step 1: Register Your Domain

First, create your domain with any DNS service provider such as:

• Cloudflare
• GoDaddy
• Any other DNS provider

Step 2: Configure Domain Settings

1. Go to Settings > Hosting
2. Insert the domain you would like to connect to your website
3. Register the Error Page Path
4. Click the "Save Settings" button

Step 3: Set Up DNS Records

1. After saving settings, you'll see a card appear below the "Save Settings" button
2. Click the "Register" button
3. Follow the DNS registration instructions that appear
4. Add the provided DNS records to your domain provider
5. Wait a few minutes, then click "Register" again

Step 4: Verify Domain Connection

1. When your Domain status shows as "active", return to Hosting
2. Click the "Live" button
3. Your website will now be accessible via your custom domain

Next Steps

Congratulations! You now have a live website hosted on Kantan CMS with your custom domain. In the next tutorial, we'll learn how to add dynamic content to your site by creating blog collections.