Introducing Qwik City Support

Raees Iqbal
Founder

We're thrilled to announce that Tilda now supports deploying Qwik City applications! With our latest CLI update, you can now easily build and deploy your applications built with the Qwik City meta framework, bringing its unique resumability, instant-loading features, and other powerful capabilities to your users.

Getting Started

To deploy your Qwik City application on Tilda, you'll need:

  • Tilda CLI version 0.42.0 or higher
  • A Qwik City project
  • Node.js 18.x or higher

First, make sure you have the latest version of the Tilda CLI installed:

Install Tilda CLI
Bash
npm install -g @tildacloud/cli@latest

Building Your Qwik City Application

The new tilda build qwik command handles building your Qwik City application and packaging it for deployment on Tilda. The command will:

  • Run your project's build command
  • Process and optimize the build output
  • Configure server-side rendering (SSR) and routing
  • Package your application for deployment

Tilda automatically handles the build process to ensure your application maintains its resumability features, routing capabilities, and optimal performance in production.

Here's how to build your Qwik City application:

Build Qwik Application
Bash
tilda build qwik

Customizing the Build

You can customize the build process using these options:

Build Options
Bash
# Specify project directory
tilda build qwik --projectDir ./my-qwik-app

# Use custom build command
tilda build qwik --buildCommand 'npm run build:custom'

Deployment

After building your application, deploy it using the tilda deploy command:

Deploy to Tilda
Bash
tilda deploy --project myproject --site mysite

Your Qwik City application will be deployed with all its optimizations intact, including:

  • Resumability for instant interactivity
  • Automatic code splitting
  • File-based routing
  • Layouts and nested routes
  • Server-side rendering (SSR)
  • Optimal asset serving

Next Steps

We're excited to see what you'll build with Qwik City on Tilda! Check out our Qwik City documentation for detailed guides and best practices.