---
title: Quickstarts
url: "/docs/quickstarts/"
canonical_url: https://docs.blossom88.com/docs/quickstarts/
markdown_url: https://docs.blossom88.com/docs/quickstarts.md
summary: Step-by-step guides to quickly deploy applications using various frameworks
  and languages on Blossom
categories:
- quickstarts
- deployment
- frameworks
- guides
---

# Quickstarts

Choose a framework to open **New App** with working source, build and Service
defaults. The App runs in the Location shown in the Account switcher, and the
result is an ordinary App and Environment you can change. Static sites build
with the Static builder and are served from Blossom's CDN.

Lightweight catalog examples start with **Micro (0.25 vCPU / 437.5 MB)** per
Service; static sites need no Service at all. Full-stack examples, including
Rails, Next.js and Spring Boot, start with **Small (0.5 vCPU / 875 MB)**.
Choose a different size in New App when needed; explicit selections are
preserved. Database resources are sized separately.

The catalog also works from the terminal:

    blossom quickstart:list
    blossom app_plan:create --data '{"app_plan":{"quickstart":"ruby-sinatra"}}'
    blossom app_plan:deploy --id app_plan-REPLACE

See the [quickstart CLI reference](/docs/reference/cli/quickstart/) for
the full command details. Deploying creates ordinary Apps and Environments.

## Dynamic Frameworks

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-8">
  
  
    
    
      
    
  
    
    
      
    
  
    
    
      
        <a href="/docs/quickstarts/dotnet-aspnet-razorpages/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/dotnet-aspnet-razorpages.svg" alt=".NET Razor Pages" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">.NET Razor Pages</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/dotnet-minimalapi/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/dotnet-minimalapi.svg" alt=".NET Minimal API" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">.NET Minimal API</span>
        </a>
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
        <a href="/docs/quickstarts/go-gin/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/go-gin.svg" alt="Go Gin" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Go Gin</span>
        </a>
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
        <a href="/docs/quickstarts/java-javalin/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/java-javalin.svg" alt="Java Javalin" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Java Javalin</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/java-spring-boot/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/java-spring-boot.svg" alt="Java Spring Boot" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Java Spring Boot</span>
        </a>
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
        <a href="/docs/quickstarts/nodejs-express/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/nodejs-express.svg" alt="Node.js Express" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Node.js Express</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/nodejs-nextjs/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/nodejs-nextjs.svg" alt="NodeJS Next.js" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">NodeJS Next.js</span>
        </a>
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
        <a href="/docs/quickstarts/php-laravel/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/php-laravel.svg" alt="PHP Laravel" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">PHP Laravel</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/php-slim/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/php-slim.svg" alt="PHP Slim" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">PHP Slim</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/python-django/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/python-django.svg" alt="Python Django" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Python Django</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/python-fastapi/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/python-fastapi.svg" alt="Python FastAPI" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Python FastAPI</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/python-flask/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/python-flask.svg" alt="Python Flask" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Python Flask</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/ruby-rails/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/ruby-rails.svg" alt="Ruby on Rails" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Ruby on Rails</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/ruby-sinatra/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/ruby-sinatra.svg" alt="Ruby Sinatra" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Ruby Sinatra</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/scala-http4s/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/scala-http4s.svg" alt="Scala Http4s" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Scala Http4s</span>
        </a>
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
        <a href="/docs/quickstarts/dotnet-aspnet-razorpages.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/dotnet-aspnet-razorpages.svg" alt=".NET Razor Pages" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">.NET Razor Pages</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/dotnet-minimalapi.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/dotnet-minimalapi.svg" alt=".NET Minimal API" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">.NET Minimal API</span>
        </a>
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
        <a href="/docs/quickstarts/go-gin.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/go-gin.svg" alt="Go Gin" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Go Gin</span>
        </a>
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
        <a href="/docs/quickstarts/java-javalin.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/java-javalin.svg" alt="Java Javalin" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Java Javalin</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/java-spring-boot.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/java-spring-boot.svg" alt="Java Spring Boot" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Java Spring Boot</span>
        </a>
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
        <a href="/docs/quickstarts/nodejs-express.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/nodejs-express.svg" alt="Node.js Express" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Node.js Express</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/nodejs-nextjs.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/nodejs-nextjs.svg" alt="NodeJS Next.js" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">NodeJS Next.js</span>
        </a>
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
        <a href="/docs/quickstarts/php-laravel.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/php-laravel.svg" alt="PHP Laravel" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">PHP Laravel</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/php-slim.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/php-slim.svg" alt="PHP Slim" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">PHP Slim</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/python-django.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/python-django.svg" alt="Python Django" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Python Django</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/python-fastapi.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/python-fastapi.svg" alt="Python FastAPI" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Python FastAPI</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/python-flask.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/python-flask.svg" alt="Python Flask" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Python Flask</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/ruby-rails.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/ruby-rails.svg" alt="Ruby on Rails" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Ruby on Rails</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/ruby-sinatra.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/ruby-sinatra.svg" alt="Ruby Sinatra" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Ruby Sinatra</span>
        </a>
      
    
  
    
    
      
        <a href="/docs/quickstarts/scala-http4s.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
          <img src="/assets/images/frameworks/scala-http4s.svg" alt="Scala Http4s" class="w-8 h-8 inline-block" style="margin: 0;">
          <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Scala Http4s</span>
        </a>
      
    
  
    
    
      
    
  
    
    
      
    
  
</div>

## Static Site Frameworks

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-8">
  
  
    
      <a href="/docs/quickstarts/static-sites/astro/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/astro.svg" alt="Astro" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Astro</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/bridgetown/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/bridgetown.svg" alt="Bridgetown" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Bridgetown</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/eleventy/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/eleventy.svg" alt="Eleventy" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Eleventy</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/gatsby/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/gatsby.svg" alt="Gatsby" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Gatsby</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/gridsome/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/gridsome.svg" alt="Gridsome" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Gridsome</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/hexo/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/hexo.svg" alt="Hexo" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Hexo</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/html/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/html.svg" alt="HTML" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">HTML</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/hugo/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/hugo.svg" alt="Hugo" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Hugo</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/jekyll/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/jekyll.svg" alt="Jekyll" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Jekyll</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/mkdocs/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/mkdocs.svg" alt="MkDocs" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">MkDocs</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/nextjs/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/nextjs.svg" alt="Next.js" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Next.js</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/nuxtjs/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/nuxtjs.svg" alt="Nuxt.js" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Nuxt.js</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/parcel/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/parcel.svg" alt="Parcel" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Parcel</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/pelican/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/pelican.svg" alt="Pelican" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Pelican</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/svelte/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/svelte.svg" alt="Svelte" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Svelte</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/vite/" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/vite.svg" alt="Vite" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Vite</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/astro.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/astro.svg" alt="Astro" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Astro</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/bridgetown.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/bridgetown.svg" alt="Bridgetown" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Bridgetown</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/eleventy.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/eleventy.svg" alt="Eleventy" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Eleventy</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/gatsby.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/gatsby.svg" alt="Gatsby" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Gatsby</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/gridsome.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/gridsome.svg" alt="Gridsome" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Gridsome</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/hexo.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/hexo.svg" alt="Hexo" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Hexo</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/html.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/html.svg" alt="HTML" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">HTML</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/hugo.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/hugo.svg" alt="Hugo" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Hugo</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/jekyll.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/jekyll.svg" alt="Jekyll" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Jekyll</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/mkdocs.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/mkdocs.svg" alt="MkDocs" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">MkDocs</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/nextjs.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/nextjs.svg" alt="Next.js" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Next.js</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/nuxtjs.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/nuxtjs.svg" alt="Nuxt.js" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Nuxt.js</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/parcel.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/parcel.svg" alt="Parcel" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Parcel</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/pelican.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/pelican.svg" alt="Pelican" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Pelican</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/svelte.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/svelte.svg" alt="Svelte" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Svelte</span>
      </a>
    
  
    
      <a href="/docs/quickstarts/static-sites/vite.md" class="flex items-center p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 bg-white no-underline">
        <img src="/assets/images/frameworks/static/vite.svg" alt="Vite" class="w-8 h-8 inline-block" style="margin: 0;">
        <span class="ml-3 text-indigo-600 hover:text-indigo-800 hover:underline font-medium">Vite</span>
      </a>
    
  
</div>
