Changelog

For all those people who want to focus on their product without losing time crafting a beautiful landing page and documentation website, that comes easy with EasyPageGo.

Here is not everything it comes with at the moment of writing:

Landing Page Editor

EasyPageGo features a versatile landing page editor that utilizes a single template. This template comes with a set of fixed elements, each of which has configurable text content to suit your brand's voice and message.

Configurable sections

• Header: The header includes your logo, a primary call-to-action (CTA) button, and a light-dark mode controller, allowing users to switch between themes for a better viewing experience.
• Hero Minimal: This section features a prominent heading, a subheading, and a primary CTA, designed to capture the attention of visitors and encourage them to take action immediately.
• One-Minute Video: A configurable element that allows you to showcase a big video summarizing your startup in less than one minute, providing a quick and engaging overview for potential customers.
• With-Without: This section includes a title and two distinct areas. One area highlights the drawbacks of not using your product, while the other emphasizes the benefits of using it. Additionally, a configurable summary phrase can be added at the end to reinforce your message.
• How It Works?: An informative element that features a title and three slots, each containing a title, description, and image. This layout effectively illustrates how users can benefit from your product in three simple, easy-to-understand steps, making it memorable for your audience.
• Pricing: This section allows you to present a title, subtitle, and multiple pricing options tailored to your offerings. Each pricing option must include a title, a price, a cadence (e.g., /once, /month), a description, and a set of perks, each represented by a configurable symbol (check, line, or nothing). You can also highlight one option as the best value to guide customers in their decision-making.
• FAQ: A dedicated section with a fixed title (Frequently Asked Questions) and a description. You can include as many Q&A pairs as needed, each with a title and detailed description to address common inquiries and concerns from potential customers.
• Footer: The footer can be customized with as many sections as you desire, each containing multiple links to important pages, social media, or additional resources, ensuring that visitors have easy access to all relevant information.

General notes

These are general notes regarding the Landing Page editor:

• Element Focus: When clicking on a configurable element, its editor area is automatically focused, streamlining the editing process and enhancing user experience.
• Viewport Preview: You can preview your page at different viewports (xs, sm, md, lg, xl, 2xl, 3xl) directly and smoothly via their buttons, allowing you to see how your landing page will look on various devices.
• Open Graph Configuration: It is possible to configure og:title and og:metatitle for better social media sharing and visibility, ensuring that your content is presented effectively across platforms.

Build Scheduling

At any moment, you can navigate to the Builds page and schedule a new build for your project. After a few minutes, you will be able to download an optimized built website as many times as needed. This website is built using SvelteKit and is a fully static artifact that can be deployed anywhere, ensuring that you have complete control over your deployment options.

One of the key advantages of using EasyPageGo is that there is no lock-in. You are free to use your optimized build without being tied to our platform, giving you the flexibility to host your website wherever you choose.

Note: You cannot schedule a new build until the previous build has finished, whether it completed successfully or encountered an error. This ensures that each build process is completed before starting a new one.

Documentation Website Editor

With the Documentation Website Editor, you can create an optimized, static documentation site that is deployable anywhere. This template is designed to help you document the API or SDK you are working on, without the hassle of coding the site from scratch. It comes packed with many useful and easy-to-use components:

Components

• Text: A text field that supports various formats, including bold, italic, underline, strikethrough, blockquote, code, bullet list, and ordered list. You can also add links:
  • External Links: Automatically open in a new tab, keeping your site open. An additional security layer is provided with the rel="noopener noreferrer" attribute.
  • Internal Links: Link to other pages on the same site, allowing you to move, rename, or change slugs without breaking the links.
• Callout Boxes: Colorful alerts to highlight important information, available in five variations: notes, info, success, warning, and error, each with its own icon.
• Cards: A simple yet effective way to group information or links to other sections. Each card features a formatted title and body. On larger screens, if there’s an odd number of cards, the last one expands to fill the space, creating a harmonious layout.
• Codeblock: Edit code directly in the editor for any of the 282 languages supported by Shiki. Choose from 45 themes for light and dark modes via the Configurations page.
• Accordion: Create single or grouped accordions, each with a title (always visible) and a formatable body. You can also choose whether opening a new accordion closes the previous one in the same group.
• Images and Video: Provide absolute URLs for images and videos, with configurable sizes to avoid CLS issues that can negatively impact your page's SERP score.
  • Images: Control alternative text for when the image cannot be downloaded, and add an optional caption. Images are loaded in lazy mode and decoded asynchronously for improved performance.
  • Videos: Set alternative text for when the video cannot be downloaded, and control attributes such as autoplay, loop, muted, and controls.
• Mermaid Graphs: Edit any graph supported by Mermaid directly in the editor. You can also adjust the size of the graph to fit your content.