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 98 stars 8 forks Updated 1 months ago MIT

Install

View on GitHub

Quality Score: 84/100

Stars 20%
66
Recency 20%
75
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
1 months 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.

98 Updated 1 months ago
denoland
Web & Frontend Listed

developing-lt-frontend

Handles ALL Nuxt 4 and Vue frontend work: components, composables, forms (Valibot), API integration (types.gen.ts, sdk.gen.ts), authentication (Better Auth), SSR, and Playwright E2E. Supports monorepos (projects/app/, packages/app/). Activates on .vue files, nuxt.config.ts, Nuxt UI, TailwindCSS, files under app/{components,composables,pages,interfaces,layouts}/, and on "generate types", "Valibot form", "useOverlay modal", "Playwright E2E", "Frontend bauen". NOT for NestJS backend (use generating-nest-servers). NOT for framework-agnostic security theory (use general-frontend-security).

0 Updated 3 days ago
lenneTech
Web & Frontend Listed

modern-frontend-architecture

Use when starting, scaffolding, or reviewing the architecture of a web frontend, or making any frontend architecture decision — framework/stack choice, client-server data, state management, routing/URL state, styling and design systems, i18n/RTL, server-side logging/observability, or deploy target. Triggers on new web-app setup, "which library/framework should I use", data fetching and mutations, global vs local state, component and design-system design, internationalization, and Cloudflare/self-host/Vercel deploy questions.

1 Updated 5 days ago
Amir-Abushanab