Coiled is a cloud computing company that enables data scientists and engineers to run scalable Python workloads using Dask. While their initial marketing site was built with Webflow, it lacked the flexibility and control needed by a developer-centric team.

We helped Coiled migrate to a modern tech stack based on Next.js, empowering their team to manage the website like they code: collaboratively, transparently, and with full control.

The challenge

Coiled's Webflow-based website fell short for a developer-first company. They wanted to be able to define the site with code, giving their team the same control and flexibility they have when building their core product.

The goal was to build a performant, scalable website that:

• Gave developers full control over code and infrastructure
• Enabled content creators to work autonomously
• Supported complex UI and interactions
• Integrated cleanly with modern developer tools

Our approach

Choosing the right stack

We selected Next.js as the foundation for its balance of power and simplicity:

• MDX support for hybrid Markdown-React content
• React-based component system for UI consistency
• Static site generation for speed and reliability
• Large ecosystem with active community and plugin support

This let the Coiled team iterate quickly and scale up functionality over time.

Implementing a design system

Following Atomic Design principles, we implemented a reusable component system that:

• Covered common patterns like CTAs, FAQs, and page layouts
• Evolved organically as new needs emerged
• Enabled rapid page development with shared styles and interactions

We documented everything in Storybook, serving as a live source of truth with code snippets, usage guidelines, and interactive previews.

Empowering content creation with MDX

We designed two workflows for creating content:

1. MDX for simple content

   Team members could use Markdown with embedded React components to quickly build pages without touching JavaScript.

   ---
   title: 'Security'
   publishedAt: '2025-03-31'
   summary: 'Learn about Coiled's security features and compliance'
   slug: 'security'
   layout: 'two-columns'
   ---
   
   # Security
   
   ## Introduction
   
   Before users leverage Coiled for productivity, IT and security teams need to review Coiled to ensure everything meets corporate standards.
   
   ## FAQ
   
   <FAQ>
     <FAQItem question="Does Coiled run jobs in Coiled's cloud account, or mine?" answer="Yours. Coiled jobs run in your cloud account on your behalf."></FAQItem>
   </FAQ>
   

2. TypeScript for advanced content

   For more custom or interactive pages, team members could create advanced pages defining components directly in TypeScript.

   export default function Pricing() {
     return (
       <Page paddingX={{ xs: 0, md: 4 }}>
         <Section>
           <CTA
             title="Pricing"
             subtitle="Free 10,000 CPU hours each month\n$0.05 per CPU-hour thereafter"
             textAlign="center"
           />
         </Section>
         (...)
       </Page>
     );
   }
   

   This gave the team maximum flexibility—they could ship fast with simple content, and dive deep when needed for advanced features.

The outcome

The rebuild transformed how Coiled manages and grows their website:

• Developer-first: Full control over code, CI/CD, and infrastructure, enabling engineers to contribute directly to the site.

• Team empowerment: The new system has energized the team and increased engagement, with early signs of improved content creation and deployment.

• Scalable design: Components can evolve with the brand and product, making it easy to maintain consistency across the site.

• AI-ready: The system supports AI tooling for writing and coding, helping the team work more efficiently.

The result? A site that matches Coiled's values and workflows—built by developers, for developers. The transition from Webflow to a developer-friendly stack has unlocked new capabilities for the team while maintaining a professional, polished appearance.

Tech stack