The Complete Beginner's Guide to Building and Publishing Your Website on Acyera

By the Acyera team

Published on March 14, 2026

Most people who want a professional website face the same frustrating reality: they either pay a developer thousands of dollars and wait weeks for a result they cannot update themselves, or they settle for a rigid template on a consumer builder that constrains their creativity and delivers mediocre search performance. Acyera was built specifically to close that gap. It is a multi-tenant, block-based web platform powered by Next.js, designed to let anyone, from a first-time entrepreneur to a busy digital agency, publish fully functional, high-performance websites without writing a single line of code.

This guide walks you through everything you need to know to go from a blank page to a live, indexed, and professional web presence using Acyera. Whether you are building a personal portfolio, a business landing page, a community platform, or an entire network of microsites, the process follows the same intuitive flow. Read through this guide at your own pace, and by the end of it, you will have a complete mental picture of how the platform works so that when you open the editor for the first time, you will know exactly what to do.

This article is organized so that you can read it from beginning to end as a complete course, or jump directly to the section most relevant to where you currently are in your journey. Use the navigation links below to move between sections instantly.

Acyera is a managed, multi-tenant web platform that combines the visual freedom of a block-based site builder with the performance infrastructure of modern cloud hosting. The platform runs on Next.js, which means every page you publish benefits from server-side rendering, edge delivery, and the kind of loading performance that Google rewards in search rankings. All of this happens automatically. You do not need to configure a server, set up a hosting environment, choose a CDN, or manage SSL certificates. The moment you publish a page on Acyera, it is live on a globally distributed network.

The multi-tenant architecture means that a single Acyera account can power multiple independent websites, each with its own subdomain, its own pages, its own design, and its own audience. You might run a personal blog at yourname.acyera.com today, add a business landing page for a client next week, and launch a community forum for a niche interest a month later, all from the same dashboard, without ever touching a different hosting panel or billing account. This is the model that digital agencies and serial entrepreneurs find especially compelling because it collapses the operational overhead of managing multiple web properties into a single, unified workflow.

The platform is built for people who value their time. For example,

All of these users arrive at the same environment and use the same building blocks, yet the sites they create are entirely distinct because the block system adapts to any purpose without constraining the creative vision behind it.

One of the most common mistakes people make when they first open a visual website builder is starting to drag blocks onto the page before they have decided what the page actually needs to say. The result is a page that looks assembled rather than designed, with placeholder text and generic images that communicate nothing specific about the business. To avoid this, the most efficient approach is to prepare your content before you open the editor.

Content preparation does not require any technical skill. It simply means gathering and organizing the raw materials you intend to put on your page before you begin placing blocks. Think of it the way a cook thinks about mise en place: having everything ready before you start cooking means the actual process is focused and efficient rather than interrupted. For a website, those raw materials typically include the written copy for each section, the images or videos you want to display, any contact details or social links you plan to publish, and a rough idea of how you want sections to be ordered.

For written content, you can prepare it in a plain text document or even a notes app on your phone. Write your headline, your subheading, a short description of what you offer, and any other text you want to appear on the page. For images, gather them in a folder on your device and ensure they are appropriately sized. Very large image files will slow your page down, so resizing photos to a width of around 1200 to 1500 pixels before uploading them is a practical habit that will serve your performance scores well. Even though we have a powerful enterprise-grade image optimization engine, it is still necessary that you feed it pre-optimized images for better performance. Beyond images, if you plan to include a contact form, decide what fields it should capture. If you want a map showing your business location, note the exact address you want to display.

Acyera provides a free, fully functional sandbox environment at acyera.com/sandbox that you can use to build, experiment, and design your page entirely before it ever touches a live database. The sandbox gives you access to the complete block library so you can try any block, compose any layout, and experiment with any design direction without committing to anything. It is the best place to start, regardless of whether you are a complete beginner exploring the platform for the first time or an experienced builder sketching out a new concept.

Opening the sandbox requires no account and no login. Navigate to acyera.com/sandbox in any browser and you will see a clean canvas with a single plus icon in the center of the screen (Note: If it is your first, you will see a default hero block that you can easily remove to start blank). That icon is your entry point into the entire building experience, and the workflow that follows from clicking it is intuitive enough that most users understand it within their first few minutes of exploration.

One of the most practically useful aspects of the sandbox is that it works completely offline once the page has loaded. If your internet connection drops, your work is not lost and you can continue building without interruption. The platform automatically saves your progress in your browser's local storage, so even if you close the tab and return later, your design will be waiting exactly as you left it. A manual save button is also available if you prefer to save deliberately at specific moments, but the autosave behavior means you are always protected against accidental loss.

Another point worth understanding clearly is the relationship between the sandbox and your live Acyera account. The sandbox is a local environment that lives entirely in your browser. When you are satisfied with what you have built and you click the save button to push your design to the platform, it will be saved to your account as a reusable template. From there, you can open your dashboard, find the template, and create a live page from it in seconds. This workflow means you develop in a safe, consequence-free space and only go live when you are genuinely ready, which is the opposite of the approach most hosted builders force on you.

The entire Acyera platform is built around a block-based content model. Rather than providing a set of rigid page templates where you swap out text and images while the underlying structure remains fixed, Acyera lets you compose any page from scratch by selecting and arranging individual blocks. Each block is a self-contained unit with its own purpose, its own design controls, and its own semantic HTML output. When you add a heading block, it generates a properly structured heading. When you add a card block, it generates a visually styled content panel. Because every block outputs clean, semantic markup, the pages you build are understood correctly by search engines, screen readers, and other web tools without any additional optimization work on your part.

Adding a block to your page always begins with the plus icon. Clicking it opens a modal panel that lists every available block organized into categories. You scroll through the options, click the block you want, and the modal closes as the block appears on your canvas at the bottom of the current page. From that point, you can click on the block to select it and begin adjusting its appearance and content through the inspector panel.

The block library covers an extensive range of use cases, and rather than describing every block individually, it is more useful to understand the categories that exist so you can reach for the right tool intuitively. Structural blocks like the container, columns, and hero allow you to organize the overall layout of a section. Content blocks like rich text, headings, images, videos, and lists fill those structures with information. Interactive blocks like contact forms, buttons, countdown timers, and review systems let visitors engage with your page. Social blocks like the WhatsApp integration, share buttons, and comments turn a static page into a two-way communication channel. Specialized blocks like the stats counter, testimonials, team members display, and image grid address common presentation patterns that would otherwise require custom design work.

Layout blocks deserve a specific mention because they are particularly powerful. The columns block, for example, lets you create two, three, or four side-by-side column areas and drop any other blocks into each column independently. This means you can place a video in one column and a rich text block in the next, creating a split-screen section without any CSS knowledge. The container block wraps other blocks in a styled section with configurable padding, background color, border radius, and shadow, giving you the equivalent of a styled div element through a visual interface. The hero block assembles a full-width section with a background image or color, a heading, a subheading, and optional nested blocks like buttons, all configured visually. Nesting blocks inside other blocks is the core technique that enables complex layouts, and the platform supports it naturally.

For monetization-oriented builds, the native AdSense blocks deserve attention. These blocks allow you to place Google AdSense display units, in-article ad slots, and in-feed ad units directly on your page by entering your publisher credentials in the site configuration. The blocks inject advertisement code asynchronously, which means your core page content loads first and the ad units fill in afterward, protecting your Core Web Vitals scores from the layout shifts that plague manually inserted ad scripts.

Once you have placed a block on your canvas, you control every aspect of its appearance and behavior through the inspector panel. On a desktop or laptop screen, this panel appears as a permanent sidebar on the right side of the editor. It is always visible and always reflects the controls for whichever block you have currently selected on the canvas. Clicking a different block updates the inspector immediately to show the relevant controls for that block, so the workflow feels immediate and responsive rather than modal and disruptive.

The controls available in the inspector depend entirely on the block you have selected. Selecting a heading block surfaces controls for the text content, the heading level (H1 through H6), the text color, and the horizontal alignment. Selecting an image block opens controls for the image source, alternative text, sizing mode, object fit, border radius, shadow, image filters, and lazy loading behavior. Selecting a container block exposes controls for background color, padding, border, shadow, and the container width. In every case, you make a change in the inspector, and the canvas reflects that change in real time so you can immediately judge whether it looks right.

There is one category of changes that will not produce a visible update on the canvas because the changes control behavioral logic rather than visual appearance. Enabling the open-in-new-tab option on a button block is a good example. The button looks identical on the canvas regardless of this setting, but when the page is live, links will open in a separate browser tab. Similarly, configuring a contact form with a recipient email address produces no visual change in the editor but determines where form submissions are delivered once the page is published. When you encounter a control like this and do not see an immediate canvas update, there is no problem with the setting. The change has taken effect and will behave as expected on the live page.

On smartphones and tablets, the inspector panel does not appear as a permanent sidebar because the screen dimensions would make it impractical. Instead, each block on the canvas displays a small gear icon when it is in focus. Tapping this icon opens a bottom sheet that slides up from the bottom of the screen and contains the same controls available in the desktop sidebar. You can make every adjustment available on desktop from your phone through this interface, and the canvas above the bottom sheet updates in real time as you modify settings.

This mobile editor capability is worth emphasizing because it is a practical feature with real implications for accessibility. A significant portion of the world accesses the internet primarily through smartphones, and many small business owners in emerging markets do not have regular access to a laptop or desktop computer. Because Acyera's editor works fully on a phone, these users can build and manage complete professional websites using only the device already in their pocket. The experience is genuinely functional rather than a degraded fallback, and anyone willing to invest a few hours can publish a polished page without needing a computer at any point in the process. For desktop users, the experience is more spacious and efficient, but the phone editor is not a concession. It is a deliberate design commitment to accessibility.

Building a page in the editor gives you a close visual representation of the final result, but the canvas view is an editing environment rather than an exact replica of the published page. Before pushing your work live, Acyera provides a dedicated preview mode that shows you how the page will appear to your actual visitors, both on desktop screen sizes and on mobile screens.

To access the preview, click the preview tab at the top of the editor interface. You will see two options: a desktop preview and a mobile preview. Switching between them lets you check that your layout adapts correctly across screen sizes, which is particularly important for sections built with the columns block, where two or three columns that look elegant on a wide screen may need to verify they stack gracefully on a phone.

The preview is the closest approximation the sandbox environment can offer to the live deployed page, but it is worth understanding a small caveat: the preview may not perfectly replicate every aspect of the final published output, particularly for dynamic elements like comment sections, review feeds, or user authentication flows that depend on live database connections to function. For content and layout purposes, however, the preview is reliable and gives you a strong sense of how your page will look. Use it to catch obvious issues like text that is too small on mobile, images that overflow their containers, or sections that need additional spacing before the page reaches real visitors. You can further confirm and cross-check the changes after publishing your content.

When you have built and previewed your page in the sandbox and you are satisfied with the result, the next step is saving it to your Acyera account. Clicking the 'Save to Account' button in the sandbox triggers a check of the blocks in your design. If your page uses only blocks available on the free tier, the save proceeds immediately. If your design includes blocks that are part of a premium plan, the platform will let you know, and you can adjust your design or upgrade your plan accordingly. The free blocks currently available include: "heading", "hero", "richText", "image", "columns", "container", "simpleButton", "link", "spacer", "divider", and "icon".

Once the save completes, your design is stored as a reusable template in your Acyera account. The template model is intentional. Rather than creating a one-time page directly, the platform stores your design as a reusable blueprint so that you can apply the same layout to a different page in the future without starting from scratch. If you build a beautifully structured article template today and want to publish ten articles with the same visual structure next month, you create each one from the same template and simply swap the content. This workflow is especially efficient for blogs, resource centers, and content hubs that need consistent visual presentation across many pages.

After your template is saved, you will be automatically redirected to your Acyera dashboard at acyera.com/dashboard. From there, navigate to your site and create a new page, selecting your saved template as the starting point. Set your page title, configure the page slug (the URL path), add an excerpt for search engines, and publish the page. The moment you publish, the page is live at its public URL, whether that is a subdomain like yoursite.acyera.com/page-slug or a custom domain you have connected.

If you prefer to build directly from the dashboard rather than the sandbox, that workflow is equally valid. The advantage of starting in the sandbox, however, is that dashboard changes can be viewed only after publishing, while sandbox changes are visible immediately in the preview tab without affecting any live content. For new users especially, the sandbox provides a lower-stakes environment to learn the platform's capabilities before anything goes public.

The Acyera dashboard is the control center for your entire digital presence on the platform. From a single login, you can create and manage multiple sites, each with its own subdomain, its own collection of pages, and its own design identity. The administrative interface is built around clarity and directness: the actions most frequently needed, creating a page, editing an existing page, publishing or unpublishing content, and checking site settings, are all accessible within a few clicks from the main dashboard view.

Creating a new site from the dashboard involves assigning a subdomain, which becomes the primary address for that site. The platform validates subdomains automatically to ensure they are formatted correctly and do not conflict with existing sites in the system. Once a site is created, you can begin adding pages to it immediately. Each page receives a title and a slug, which together determine how the page appears in navigation and in search results. The dashboard enforces clean slug formatting automatically, converting spaces to hyphens and stripping characters that would cause URL problems, so you do not need to worry about the technical details of URL construction.

Publishing and unpublishing pages is instantaneous. When you publish a page, it becomes publicly accessible at its URL within seconds and is queued for search engine indexing automatically. When you unpublish a page, it is removed from public access just as quickly. There is no deployment process to wait for and no server cache to clear. The platform handles all of that behind the scenes so that content changes reflect immediately.

For site owners managing a meaningful volume of pages, such as a content resource hub or a community platform with dozens of posts, the dashboard provides organizational tools to keep pages manageable. You can filter pages by publication status, view creation and update timestamps, and navigate directly from the page list into the editor for any specific page. This directness means routine content updates, correcting a typo, swapping an image, updating contact information, take only moments rather than requiring a support ticket or developer involvement.

Search engine optimization involves a range of technical tasks that most website owners either overlook or handle incorrectly, often through a fragmented collection of plugins and manual configurations. Acyera approaches SEO differently by building the most important technical requirements directly into the platform infrastructure. The result is that pages published on Acyera arrive in a search-engine-ready state from their very first moment of publication, without any plugin setup, without manual sitemap submission, and without a separate SEO audit workflow.

The most fundamental automated SEO feature is sitemap generation. Every Acyera site maintains a live sitemap.xml file that updates automatically whenever a page is published or unpublished. The moment you publish a new page, it appears in the sitemap. The moment you take a page offline, it is removed. This sitemap is always current, which means search engine crawlers that visit your site always find an accurate inventory of your publicly accessible content. No sitemap plugin to install, no manual submission required, and no risk of your sitemap going stale because you forgot to update it after publishing new content.

Alongside the sitemap, Acyera automatically generates and maintains your robots.txt file, which tells search engine crawlers which parts of your site they should and should not index. The platform configures this file correctly for the standard use case, protecting administrative routes while ensuring all public content is freely crawlable. For the vast majority of sites, the default configuration is exactly correct and requires no adjustment.

Beyond these foundational files, the platform integrates a search engine ping mechanism that triggers immediately upon each publication event. When you publish a page, Acyera notifies Google and Bing directly, informing them that new content is available and requesting prompt crawling. This notification reduces the time between publication and first indexing from days or weeks, which is typical for sites that rely on passive crawl discovery, to hours in most cases. For content creators and businesses that depend on timely search visibility, this responsiveness represents a meaningful operational advantage.

The technical SEO foundation also extends to how pages are structured. Because Acyera uses server-side rendering through Next.js, every page is delivered to search engine crawlers as complete, pre-rendered HTML. Crawlers do not need to execute JavaScript to read your content, which eliminates one of the most common sources of indexing problems on platforms built around client-side rendering. The block system itself enforces semantic HTML structure: heading blocks produce proper H1 through H6 elements, list blocks produce semantic list markup, image blocks include alt text fields that are factored into the search index, and the overall page hierarchy reflects the visual structure you create in the editor.

Acyera operates on a tiered access model where a set of core blocks is available at no cost, and additional blocks with more specialized functionality are available through premium plans. This model allows anyone to build a genuinely useful, functional website using only free blocks, while providing a clear upgrade path for users who need advanced capabilities like AdSense integration, community features, or specialized interactive components.

The free tier is designed to cover the needs of a typical informational website or personal portfolio. It includes the structural blocks for layout, the foundational content blocks for text and images, and the basic interactive blocks such as the simpleButton. A user building a small business homepage with a hero section, a description area, and images can complete that build entirely within the free tier without restriction.

Premium blocks extend the platform's capabilities into more advanced territory. If you intend to place AdSense advertising units on your pages, enable user comments or community discussions, build e-commerce pages with payment gateway integrations, or use certain specialized interactive blocks, those features are part of the premium tier.

One convenient aspect of the sandbox is that it gives you access to all blocks for design and experimentation purposes. You can build a page using any block you like in the sandbox to see how the layout looks and how the blocks interact. When you attempt to save that design to the live database, the platform will flag any premium blocks in your design if your current plan does not include them. This means you can design freely without worrying about plan restrictions and only need to upgrade when you are ready to publish something that uses premium functionality.

One of Acyera's most deliberate design decisions is that the entire page-building experience works on a smartphone. This is not a simplified or stripped-down mobile version of the editor. It is the same complete block library, the same design controls, and the same publishing capability available on desktop, adapted for touch interaction on a small screen.

On mobile, the canvas occupies the full screen width and blocks are displayed in the same top-to-bottom vertical sequence you would see on a desktop. Adding a block still begins with the plus icon, which opens the same block selection modal. Tapping a block on the canvas selects it, and the gear icon that appears gives you access to all inspector controls through a bottom sheet that slides up from the bottom of the screen. You make your adjustments, the canvas updates immediately above the sheet, and you close the sheet when done. The entire interaction is optimized for touch rather than simply scaled down from mouse-and-keyboard assumptions.

This mobile capability has practical significance for a wide range of Acyera users. Photographers managing their portfolio between shoots. Marketers updating a landing page from a client meeting. Community managers moderating content while commuting. Small business owners in markets where smartphone penetration significantly outpaces laptop ownership. For all of these users, the mobile editor is not a workaround but a genuine primary interface. Building an entire professional website from a phone on Acyera is a real and supported workflow, and the resulting sites are identical in quality, performance, and functionality to those built on desktop.

That said, the desktop experience offers practical advantages worth acknowledging. A larger screen allows you to see more of your page at once, making spatial layout decisions more intuitive. The permanent inspector sidebar on desktop means you never need to open and close a bottom sheet to access controls. For users who have access to both a phone and a desktop, desktop building is typically faster and more comfortable. But for users whose phone is their primary or only device, the mobile editor delivers everything required to build and launch a professional site without compromise.

Acyera is designed to be learnable by beginners without a guide, but every platform has moments where a specific question needs a specific answer. When that happens, the support team is accessible through two straightforward channels. You can reach out by email at support@acyera.com for detailed questions, feedback, or anything that benefits from a written record. You can also contact the team through the WhatsApp button visible in the bottom right corner of this page, which connects you directly to a team member for quicker conversational exchanges.

For users who are learning the editor and are unsure whether a particular layout approach is achieving the right visual result, the team is happy to discuss your design goals and suggest approaches. Questions about which blocks work best for a specific use case, how to achieve a particular layout arrangement, or how to configure a specialized block like the review system or the countdown timer are all welcome. The goal of the support team is not simply to answer technical questions but to help you arrive at the result you actually envisioned when you decided to build your site.

Beyond answering questions, Acyera offers a distinctive professional assistance feature that is worth understanding clearly. Once you have published a page or a site and you would like the Acyera design team to review it and propose or implement improvements, you can request this service directly. The process requires you to send an official email to support@acyera.com explicitly granting consent for a team member to access your site and edit the page of interest. This consent email is important because the Acyera team will never access or modify your content without your explicit, written authorization. Once consent is confirmed and the request is approved, a dedicated team member will open the relevant page in the editor, make the agreed improvements, and publish the result. Your site, your content, and your audience remain entirely under your ownership throughout this process. The team member's role is purely that of a skilled collaborator acting on your explicit invitation.

This professional assistance feature makes Acyera an unusually accessible option for users who are confident in their content but uncertain about design decisions. Rather than hiring an agency or a freelance designer for a one-off engagement, you can build the content yourself, publish a draft, and then invite the Acyera team to review it and elevate the design. The result is a professional-quality outcome achieved through a collaborative process that keeps you in control at every step.

For readers who prefer a condensed, action-oriented summary alongside the detailed sections above, the following sequence captures the complete workflow from your first visit to a live published page.

Write your headlines and body text in a plain document. Gather your images and resize them to reasonable dimensions. Note your contact details, business address, and any links you plan to include.

Visit acyera.com/sandbox in any browser. No login is required. The canvas will be empty and ready. If you are opening the sandbox for the very first time, you will see a default hero block on the canvas. Simply click the 'X' in the top right corner to remove it.

Click the plus icon, select a block from the modal panel, and watch it appear on the canvas. Starting with a hero block gives your page an immediate visual foundation.

Click the block on the canvas to select it. Use the inspector panel on the right (desktop) or the gear icon and bottom sheet (mobile) to set your content, colors, and layout preferences. The canvas reflects each change immediately.

Continue adding blocks beneath the hero: a rich text block for your description, a columns block for a two-column section, an image block, a contact form, whatever your page needs. Nest blocks inside containers and column layouts to create structured sections.

Click the preview tab and check both the desktop and mobile views. Adjust any blocks that do not look right at either screen size.

Click the “Save to Account” button. If you have an Acyera account, your design will be saved as a reusable template. If you do not yet have an account, creating one takes only a moment.

Note: There are two save buttons. When you hover over them, one displays “Save to Browser” and the other “Save to Account.” The former saves your work locally in your browser, while the latter saves it to your live account.

Do not use the “Save to Account” button as a regular save function. It is primarily intended for uploading your content as a template to your dashboard. Each time you click it, a new template will likely be created rather than updating an existing one. This distinction is important.

Log in at acyera.com/dashboard, navigate to your site, and create a new page from your saved template. Set the title, slug, and excerpt, then publish the page.

Visit your page URL in a new browser tab. Your page is now live, globally accessible, and automatically queued for search engine indexing.

Return to the dashboard or sandbox at any time to edit, add pages, or refine your design. Every change publishes instantly with no redeployment required.

Choosing the right platform for your web presence is a significant decision, and understanding where Acyera sits relative to other common approaches helps you make that choice with clarity. The following table offers a fair, feature-level comparison rather than a promotional one. Each platform has a context where it makes sense, and the goal here is to help you identify where your situation fits.

For a deeper financial analysis of the developer-versus-platform decision, the article Cost Comparison: Hiring Developers vs No-Code Platforms for Startups provides a detailed analysis that puts these numbers in concrete business terms.

The web has never been more accessible, and the tools available through platforms like Acyera have genuinely eliminated the technical barriers that once separated businesses with engineering teams from those without. Server-side rendering, automated SEO, global edge delivery, multi-tenant site management, and native monetization are capabilities that previously required significant investment in both technology and talent. Today, they are available to anyone willing to invest a few hours in learning a visual editor.

The most important step is simply starting. Open the sandbox at acyera.com/sandbox, add your first block, and follow the workflow described in this guide. You will quickly develop a feel for how the block system works, how the inspector panel responds, and how the preview tab helps you catch issues before they reach your audience. That first session of hands-on exploration teaches more than any amount of reading, and the environment is safe enough that no misstep has any consequence.

When you have questions, the support team is accessible and responsive. When you want a professional eye on your design, the assisted design service is available through a simple email. And when your site is live and generating traffic, the automated SEO infrastructure ensures that search engines are discovering and indexing your content continuously, without any ongoing management effort on your part.

For readers who want to deepen their understanding of the technical principles behind the platform, the Acyera resources library at resources.acyera.com contains detailed guides on topics including block-based architecture, React server components, Core Web Vitals optimization, payment gateway integration, and affiliate monetization strategies. These guides are written from direct platform experience and are designed to give you both the conceptual foundation and the practical tactics to build a durable, high-performance digital presence.