Kontent.ai
Copyright © 2023 Kontent.ai. All rights reserved.
  • Web
  • Privacy policy
  • Cookies policy
  • Consent settings
  • Security
  • GDPR
  • Documentation
  • API reference
  • Product updates
Kontent.ai Learn
  • Plan
  • Set up
  • Model
  • Develop
  • Create

Build static sites with Kontent.ai

Is this page helpful?
Complete and continue
  • Sign in
    • JavaScript
      JavaScript
    • .NET
      .NET
    Martina Farkasova
    7 minutes
    With static site generators, you can launch static, secure, and speedy websites.Combined with the JAMstack approach and a headless CMS to store your content, you’re on your way to success.

    Benefits of static site generators

    Static site generators (SSG) take the prepared content, typically stored in flat files, apply it against templates, and generate a structure of static HTML files, ready to be delivered to your visitors. When compared to dynamic websites, they come with several advantages:
    • Speed – An absence of the database makes the static site much more speedy and easier to load. All the server needs to do is return a file back to the user. There is no need for database queries, no client-server requests to process. Static site generators store a pre-built version of the site that can be delivered nearly instantly.
    • Less complexity – To build a dynamic site, you would need HTML, CSS, and JavaScript on the front end, a server-side scripting language, such as PHP or Perl, on the back end, and SQL to run a database. To build a static site, all you need are front-end languages and a templating language on top of that.
    • Security – Every request for a web page made to a dynamic site causes an application to run and fetch content from a database. This creates a high risk of the site being attacked and the data being stolen. With a static site, security is the job of the web server. A static site using a CDN is practically immune to attacks because even if one web server on the CDN network goes down from an attack, other servers are still available. And since static sites don't process user data, there is no data to be stolen.
    • Scalability – Unexpected traffic surges might crash a dynamic site. A static site is much better prepared as delivering static pages consumes very little server resources. Basic static sites with HTML files can be easily scaled up by just increasing the bandwidth. 
    • SEO – Load time speed is crucial to get ranked higher by search engines. And your static site will always be faster than dynamically generated websites. Also, static content is easier to parse by the web crawlers.
    • Hosting and cost – HTML files for your static site can be served anywhere, scaled, and migrated as needed. Plus, the files require less space making the hosting of static websites cheaper than that of dynamic sites.
    But of course, running a static site has its disadvantages as well. Serving static pre-rendered content usually means that you cannot tailor the experience on your site for each and every user. If serving real-time data and dynamic experience is a must for your site, dynamic sites are the way to go.

    Combining the best of both worlds

    Static site generators help you create lightweight, fast-performing, and secure websites. Using an SSG alone, however, has its limitations. You might be OK with editing text files in Markdown format every time something on your site needs to change. But what about your less tech-savvy coworkers? Adding a headless CMS to the mix makes collaborating during content creation a breeze for the whole team. And not only that, you gain a proper workflow, role permissions, and all the benefits of structured content that a simple text file just can’t offer. To make sure you're completely of the hook from updating the content on your site, you can use webhooks to help you set up a tool that will pull content via Kontent.ai APIs and generate a new static site whenever content has changed within the CMS.
    What's next?
    Level up your headless CMS apps with edge computing
    Caching and other optimization methods can only get you so far when it comes to performance.A content delivery network (CDN) is essential to take your websites and applications beyond the results achievable with those approaches.
    • Develop with Kontent.ai
    • Hello World
    • Hello Web Spotlight
    • Run a sample app
    • Build apps
    • Decide navigation and URLs
    • Environments
    • Get Developer Certification

    .NET-based static site generators

    The Kontent.ai Statiq library (available as the Kontent.Statiq NuGet package) is a module that enables you to retrieve content items from Kontent.ai to build static sites using Statiq. Statiq is a flexible and extensible static content generation framework for .NET.
    • Optimize images
    • Optimize performance
    • Optimize SEO
    • Follow best practices
    • Choose caching your strategy
    • Keep cache up to date
    • Consider static site generators
    • Consider edge computing
  • Benefits of static site generators
  • Combining the best of both worlds
  • .NET-based static site generators