---
last_modified: 2026-07-07
title: Frameworks
description: "Detailed guide to supported JavaScript and TypeScript frameworks in Deno Deploy, including Next.js, Astro, Nuxt, SvelteKit, and more."
---

Deno Deploy supports a number of JavaScript and TypeScript frameworks out of the
box. This means that you can use these frameworks without any additional
configuration or setup.

Natively supported frameworks are tested to work with Deno Deploy and are
automatically detected when you create a new app. Deno Deploy automatically
optimizes the build and runtime configuration for these frameworks to be as
optimal as possible.

Frameworks not listed here are still likely to work, but may require manually
configuring the install and/or build command and the runtime configuration in
the build settings.

Feel like a framework is missing? Let us know in the
[Deno Deploy Discord channel](https://discord.gg/deno) or
[contact Deno support](/deploy/support/).

## Supported frameworks

### Next.js (`nextjs`)

Next.js is a React framework for building full-stack web applications. You use
React Components to build user interfaces, and Next.js for additional features
and optimizations.

Both pages and app router are supported out of the box. ISR, SSG, SSR, and PPR
are supported. Caching is supported out of the box, including using the new
`"use cache"`.

`next/image` works out of the box.

Next.js on Deno Deploy always builds in standalone mode.

Tracing is supported out of the box, and Next.js automatically emits some spans
for incoming requests, routing, rendering, and other operations.

#### Deno compatibility notes

Next.js projects run on Deno Deploy through Deno's Node and npm compatibility
layer. Most Next.js apps work without extra changes, but the following issues
can show up in projects generated by scaffolding tools or coding agents:

- Prefer `next.config.mjs` with `export default` for the broadest Next.js
  version compatibility. If you are using Next.js 15 or newer, `next.config.ts`
  with `export default` is also supported. Deno's `detect-cjs` option helps
  CommonJS `next.config.js` files, but some Next.js versions and loaders can
  still report a "module is not defined" error when a config is loaded as ESM.
  Using an ESM config avoids that ambiguity.
- Some Next.js versions can crash during the lint/type-check phase under Deno
  with `Cannot read properties of undefined (reading 'bold')`. Until this is
  fixed upstream, you can unblock the build by setting
  `typescript.ignoreBuildErrors` and `eslint.ignoreDuringBuilds` in your Next.js
  config. Because this skips Next.js's build-time checks, keep running type
  checking and linting separately in CI.
- App Router pages are still prerendered at build time when Next.js decides they
  are static. If a client component calls browser-only hooks or APIs, defer that
  code until after the component mounts, such as in `useEffect`. If you need to
  disable SSR with `next/dynamic` and `{ ssr: false }`, put the dynamic import
  in a Client Component wrapper; Server Components cannot use `{ ssr: false }`
  directly. Marking the route dynamic is not enough: dynamic routes still render
  on the server, where browser globals are undefined.

Example `next.config.mjs`:

```js title="next.config.mjs"
/** @type {import('next').NextConfig} */
const nextConfig = {
  typescript: {
    // Workaround for known Next.js-on-Deno build-time type-check crashes.
    ignoreBuildErrors: true,
  },
  eslint: {
    // Keep linting in CI while allowing `next build` to complete on Deno.
    ignoreDuringBuilds: true,
  },
};

export default nextConfig;
```

### Astro (`astro`)

Astro is a web framework for building content-driven websites like blogs,
marketing, and e-commerce. Astro leverages server rendering over client-side
rendering in the browser as much as possible.

For static Astro sites, no additional configuration is needed to use Deno Deploy
.

When using SSR in Astro with Deno Deploy , you need to install the
[`@deno/astro-adapter`](https://github.com/denoland/deno-astro-adapter) package
and configure your `astro.config.mjs` file to use the adapter:

```bash
$ deno add npm:@deno/astro-adapter
# or npm install @deno/astro-adapter
# or yarn add @deno/astro-adapter
# or pnpm add @deno/astro-adapter
```

```diff title="astro.config.mjs"
  import { defineConfig } from 'astro/config';
+ import deno from '@deno/astro-adapter';
  
  export default defineConfig({
+   output: 'server',
+   adapter: deno(),
  });
```

Sharp image optimization is supported.

The `astro:env` API is supported.

### Nuxt (`nuxt`)

Create high-quality web applications with Nuxt, the open source framework that
makes full-stack development with Vue.js intuitive.

Nuxt requires no additional setup. Deno Deploy automatically configures Nitro,
so no additional preset configuration is needed.

### SolidStart (`solidstart`)

SolidStart is an open source meta-framework designed to unify components that
make up a web application. It is built on top of Solid.

SolidStart requires no additional setup. Deno Deploy automatically configures
Nitro, so no additional preset configuration is needed.

### TanStack Start (`tanstackstart`)

TanStack Start is a full-stack React or Solid framework powered by TanStack
Router. It uses Nitro as its server layer, which enables deployment to Deno
Deploy.

To deploy TanStack Start on Deno Deploy, you need to install `nitro` and
configure the Nitro Vite plugin:

1. Add `nitro` to your dependencies:

```bash
deno add npm:nitro-nightly@latest
# or npm install nitro-nightly@latest
```

2. Configure your `vite.config.ts` to use the Nitro plugin:

```ts title="vite.config.ts"
import { tanstackStart } from "@tanstack/react-start/plugin/vite";
import { defineConfig } from "vite";
import { nitro } from "nitro/vite";
import viteReact from "@vitejs/plugin-react";

export default defineConfig({
  plugins: [tanstackStart(), nitro(), viteReact()],
});
```

Deno Deploy automatically configures Nitro, so no additional preset
configuration is needed.

### SvelteKit (`sveltekit`)

SvelteKit is a framework for rapidly developing robust, performant web
applications using Svelte.

SvelteKit requires no additional setup.

### Fresh (`fresh`)

Fresh is a full stack modern web framework for JavaScript and TypeScript
developers. Fresh uses Preact as the JSX rendering engine.

Fresh requires no additional setup.

### Lume (`lume`)

Lume is a static site generator for building fast and modern websites using
Deno.

Lume requires no additional setup.

### Remix (`remix`)

> ⚠️ **Experimental**: Remix is not yet fully supported. It is in the process of
> being integrated into Deno Deploy. Some features may not work as expected.
> Please report any issues you encounter to the Deno team.