deno-frontend

Solid

Use when building a web frontend with Deno — running React, Vite, Astro, SvelteKit, Next.js, Nuxt or other npm frameworks under Deno, or working with Fresh, Deno's own island-architecture framework. Covers which path to pick, Fresh 2.x routes, handlers, islands, Preact signals, Tailwind, and Fresh 1.x to 2.x migration.

Web & Frontend 94 stars 8 forks Updated 3 weeks ago MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%
66
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Frontend development with Deno Two paths. Pick by what the project already uses. ## Regular npm frameworks — the usual choice Deno runs the normal frontend ecosystem: React, Vue, Svelte, Solid, Vite, Astro, Next.js, Nuxt, SvelteKit, Remix, SolidStart. Nothing needs to be ported, and there is no Deno-specific way to write them. ```bash deno create vite my-app # or astro, next, nuxt, svelte… cd my-app deno install deno task dev ``` `deno create` is `npm create`. `deno install` reads `package.json`. `deno task <script>` runs `package.json` scripts. That is the whole difference. **Follow the framework's own documentation for everything else** — routing, components, data loading, and config are the framework's concern, not Deno's. Don't invent Deno-flavoured variants of their APIs, and don't reach for Fresh patterns in a React or Svelte project. The only things worth knowing: - Some frameworks need `"nodeModulesDir": "auto"` in `deno.json`; Next.js does. - Permissions apply to the dev server too — framework tasks generally want `-A`. - Deploying: see the `deno-deploy` skill, which lists per-framework build commands and presets. ## Fresh — Deno's own framework Fresh suits a new Deno-first project that wants server rendering with minimal client JavaScript. It uses **island architecture**: pages render on the server, and only components in `islands/` ship JavaScript. ```bash deno run -Ar jsr:@fresh/init cd my-project deno task dev # http://localhost:...

Details

Author
denoland
Repository
denoland/skills
Created
7 months ago
Last Updated
3 weeks ago
Language
TypeScript
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

deno

Use when writing, running, configuring, reviewing, or debugging code in a Deno project, or when scaffolding a new one. Covers dependency management with deno install and deno add, package.json and node_modules support, npm and JSR packages, permissions, where configuration belongs across package.json, tsconfig.json and deno.json, workspaces, the built-in toolchain (fmt, lint, test, check, bench, compile), and publishing.

94 Updated 3 weeks ago
denoland
Web & Frontend Listed

developing-lt-frontend

Handles ALL Nuxt 4 and Vue frontend development tasks including composables, forms (Valibot), API integration (types.gen.ts, sdk.gen.ts), authentication (Better Auth), SSR, and Playwright E2E testing. Supports monorepos (projects/app/, packages/app/). Activates when working with .vue files, nuxt.config.ts, Nuxt UI, TailwindCSS, composables, server components, forms, or files in app/components/, app/composables/, app/pages/, app/interfaces/, app/layouts/. Also activates on phrases like "generate types", "sdk.gen.ts regenerate", "Valibot form", "useOverlay modal", "Chrome DevTools debug", "Playwright E2E". NOT for NestJS backend (use generating-nest-servers). NOT for framework-agnostic security theory (use general-frontend-security).

0 Updated yesterday
lenneTech
Web & Frontend Listed

frontend-react

React frontend stack conventions — React, Redux (slices/selectors), vanilla JS, HTML, SCSS/CSS, Vite/npm build specifics. Load when the resolved frontend stack is react.

1 Updated 2 days ago
johantor