• Product Introduction
  • Quick Start
    • Agent Development
    • Importing a Git Repository
    • Starting From a Template
    • Direct Upload
    • Start with AI
  • Framework Guide
    • Agent
    • Frontends
      • Vite
      • React
      • Vue
      • Hugo
      • Other Frameworks
    • Backends
    • Full-stack
      • Next.js
      • Nuxt
      • Astro
      • React Router
      • SvelteKit
      • TanStack Start
      • Vike
    • Custom 404 Page
  • Project Guide
    • Project Management
    • edgeone.json
    • Configuring Cache
    • Building Output Configuration
    • Error Codes
  • Build Guide
  • Deployment Guide
    • Overview
    • Create Deploys
    • Manage Deploys
    • Deploy Button
    • Using Github Actions
    • Using Gitlab CI/CD
    • Using CNB Plugin
    • Using IDE PlugIn
    • Using CodeBuddy IDE
  • Domain Management
    • Overview
    • Custom Domain
    • HTTPS Configuration
      • Overview
      • Apply for Free Certificate
      • Using Managed SSL Certificate
    • Configure DNS CNAME Record
  • Observability
    • Overview
    • Metric Analysis
    • Log Analysis
  • Functions
    • Overview
    • Edge Functions
    • Cloud Functions
      • Overview
      • Node.js
      • Python
      • Go
  • Agents
    • Overview
    • Quick Start
    • Conversation Storage
    • Observability
    • Sandbox Tool
      • Overview
      • Using the Agent Framework
      • Sandbox Atomic API
      • Network Search Tool
    • Agent Authentication
  • Models
    • Overview
    • Models and Vendors
      • Overview
      • Using Vendor Keys
        • OpenAI
        • Anthropic
        • Google AI Studio
        • DeepSeek
        • MiniMax
        • Hunyuan
        • Zhipu
        • MoonShot AI
    • FAQs
  • Storage
    • Overview
    • KV
    • Blob
  • Middleware
  • AI-Native Development
    • Skills
    • MCP
  • Copilot
    • Overview
    • Quick Start
  • API Token
  • EdgeOne CLI
  • Message Notification
  • Integration Guide
    • AI
      • Dialogue Large Models Integration
      • Large Models for Images Integration
    • Database
      • Supabase Integration
      • Pages KV Integration
    • Ecommerce
      • Shopify Integration
      • WooCommerce Integration
    • Payment
      • Stripe Integration
      • Integrating Paddle
    • CMS
      • WordPress Integration
      • Contentful Integration
      • Sanity Integration
      • Payload Integration
    • Authentication
      • Supabase Integration
      • Clerk Integration
  • Best Practices
    • Adding an AI Chat Assistant to a Website
    • AI Dialogue Deployment: Deploy Project with One Sentence Using Skill
    • Using General Large Model to Quickly Build AI Application
    • Use the DeepSeek model to quickly build a conversational AI site
    • Building an Ecommerce Platform with Shopify
    • Building a SaaS Site Using Supabase and Stripe
    • Building a Company Brand Site Quickly
    • How to Quickly Build a Blog Site
  • Migration Guides
    • Migrating from Vercel to EdgeOne Makers
    • Migrating from Cloudflare Pages to EdgeOne Makers
    • Migrating from Netlify to EdgeOne Makers
  • Troubleshooting
  • FAQs
  • Limits
  • Pricing
  • Contact Us
  • Release Notes

Building a Company Brand Site Quickly

This article describes how to quickly build a fully-featured company brand website based on Makers' templates. You can rapidly create your own company website not only by modifying text, images, and colors, but also by configuring multilingual and dynamic news content.

Overview

Building a corporate website faces the dual challenge of rapidly responding to the market and ensuring user experience. Traditional approaches have long cycles, high costs, and complex maintenance, making it difficult to meet agile demands. The Makers Brand Website Template provides an innovative solution based on edge computing and static site technology. With its pre-built framework, you can quickly launch a dedicated website by simply modifying text, images, and color schemes, achieving "instant use and zero-barrier website building".
Main Features and Advantages:
Flexible customization: The complete official website sample framework supports deep customization.
Globalization support: It features a built-in multilingual architecture, allowing you to switch language versions with one click.
Excellent performance: Compared to traditional VPS hosting, it requires no server Ops and incurs almost zero cost.

Scenarios

Small and Medium-Sized Enterprises

Small and medium-sized enterprises (SMEs) have limited capital and technical resources. Traditional website development is costly and time-consuming. Our templates provide a low-cost, high-efficiency website building solution. By simply modifying configurations, enterprises can quickly build a brand site featuring company introduction, product display, contact information, and other functions. This enables them to rapidly establish an online presence, conduct online marketing, and enhance brand awareness and competitiveness.

Mature Business

For enterprises requiring brand upgrades or international expansion, our template's powerful customization feature provides strong support. Based on new brand strategies and visual guidelines, enterprises can flexibly modify styles, restructure layouts, and optimize content. Leveraging the built-in multilingual support, they can easily implement website language switching. Through high-quality design and smooth interaction, enterprises can continuously enhance brand recognition and improve user favorability.

Scenario Example: Static Brand Official Website

If your site only needs to display static content such as homepage, partner, project case, and about us, with simple brand presentation and no dynamic content management like "news center," then follow these steps to set it up.

Operation Steps

1. Select a Template

You can directly go to the brand official website category page, select the desired template, and complete deployment with one click. After successful deployment, the system will automatically generate a direct access link.

2. Modify Content

If you need to adjust the website style or modify content, take the enterprise official website template as an example, refer to the path below to modify:
Modify theme color: src/styles/globals.css
Modify web page content
src/config/case-studies.ts: case study info
src/config/careers.ts: work information
src/config/get-started.ts: quick start guide
src/config/team.ts: team member information

Scenario Example: Configure Dynamic Content for Brand Official Website Via Contentful Integration

Our enterprise website template integrates Contentful CMS, allowing you to easily manage content using Contentful's GUI. For the access process, see Contentful Integration.
After Contentful integration is complete, configure the environment variables when deploying:
CONTENTFUL_SPACE_ID: Fill in your Contentful Space ID
CONTENTFUL_DELIVERY_TOKEN: Fill in your Contentful Delivery Token


Scenario Example: Configure Dynamic Content for Brand Official Website Via Plasmic Integration

Tech company website template helps integrate Plasmic CMS. Plasmic has a complete built-in CMS, directly integrated into the visual editor, allowing you to drag and drop structured content into your design.

Operation Steps

1. Create a Database

Log in to the Plasmic console, create a Workspace, and add a CMS.

Database name

If multilingual support is required for "news content", configure Locales. Here, in addition to the default, we add en for English content storage.


2. Configure Model Data Table

Create the data structure of the News data table separately. These fields are all required.
slug: equivalent to identification id
image: article cover
title: article title
content: article content
date: article release date

Turn on the title and content Localized switches to configure multilingual content.


3. Configuring Article Content

Click Edit Content, sequentially configure title, content, slug, image, date fields.

After configuring the content, click Publish to successfully publish the content.

4. Deploy to EdgeOne Makers

Set environment variables
Enter the template deployment page, find the CMS ID and Public Token inside Plasmic's CMS Settings, then copy and enter them into the template's environment variables.

then click Create to start deployment. After successful deployment, access the site and switch to the /news page to see the configuration content above.



ai-agent
You can ask me like
How to Get Started with EdgeOne Makers?