ViteStarter

Deno-Fresh — Vite Starter Template

By NeaByteLab

A minimal TypeScript starter template based on Deno Fresh, including middleware, islands and signals examples, typed factory helper functions, path aliases, and Redis integration notes.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-16View source

What stands out

A quick read of the recorded project description.

01

Minimal and typed Deno Fresh starter template emphasizing clarity and strict rules

02

Includes example code for middleware, islands, and @preact/signals

03

Provides typed helper functions through factories and configures the @app/ path alias

04

Built-in Redis integration covering caching, JSON operations, and atomic counters

05

Uses deno.json to centrally manage imports, tasks, compiler options, and lint/format configuration

06

Provides Vite integration and troubleshooting notes for common hydration errors

Template Details

This template is a minimal TypeScript starter project for Deno Fresh, positioned in the README as focusing on clarity, developer experience, strict rules, and modern defaults. The project structure is divided under src/ into assets, components, islands, routes, client.ts, main.ts, and server.ts, where routes contains the home page, the _app document shell, the _error error boundary, and an example API route at /api/:name; islands/Counter.tsx demonstrates an interactive island using @preact/signals. server.ts handles application assembly, including middleware, static files, and filesystem routing. main.ts exposes typed define and State. deno.json centrally manages imports, tasks, compiler options, and lint/format configuration, while vite.config.ts provides Vite integration. The README also describes built-in Redis integration, including caching, JSON operations, and atomic counters, with details pointing to docs/REDIS.md. Installation is done by cloning the repository and entering the directory, then using tasks such as deno task dev, build, start, and update. The README does not provide information on production readiness, performance, or integrations other than Redis.

ViteStarter

Is it right for your project?

Use Cases

  • As a starting point for new Deno Fresh projects, organizing routes, islands, and components according to the existing directory structure
  • Referencing islands/Counter.tsx and signals usage to implement interactive UI components
  • Referencing routes/api/[name].tsx to write example API routes
  • Referencing the middleware, static file, and filesystem routing assembly approach in server.ts
  • Following docs/REDIS.md to integrate Redis caching, JSON operations, or atomic counters

Suitable For

  • Developers who want to build typed web applications using Deno and Fresh
  • Developers who need a minimal starter template and will extend it themselves
  • Developers who want to reference examples of middleware, islands, signals, and API routes
  • Developers planning to use Redis in a Fresh project

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Clone the repository: git clone https://github.com/NeaByteLab/Deno-Fresh.git and enter the Deno-Fresh/ directory

  2. 2

    Development server: deno task dev

  3. 3

    Production build: deno task build, run the built server: deno task start

  4. 4

    Keep Fresh updated: deno task update

  5. 5

    If hydration errors occur, run rm -rf _fresh node_modules/ then deno install --allow-scripts

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-16. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 80 / 100
Technologies
Vite
Website type
Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2025-10-21
Screenshot last checked
2026-10-16

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Vite as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: codex-user-requested-batch-review-20261017 · 2026-10-16

Inspect the recorded source material

SHA-256: 1087ccd18108f2e1a5837bcda416b8e08a69273d84047a95b1f62a8ed9c9a24f

2026-10-16T16:06:08.941Z

Source file / repository
# Deno Fresh Starter [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

A minimal, typed Fresh (Deno) starter focused on clarity, DX, strict rules, and modern defaults. It includes a small example of middleware, islands with signals, typed helpers via a factory, and ergonomic path aliases.

## Built-in Integrations

- [Redis](docs/REDIS.md) - Service with caching, JSON operations, and atomic counters.

## Installation

```bash
git clone https://github.com/NeaByteLab/Deno-Fresh.git
cd Deno-Fresh/
```

## Quick start

```bash
# Start the dev server
deno task dev

# Production build
deno task build

# Run the built server
deno task start

# Keep Fresh up-to-date
deno task update
```

## Project structure

```text
src/
├─ assets/
│  └─ styles.css         # Global styles imported by client.ts
├─ components/
│  └─ Button.tsx         # Reusable UI component
├─ islands/
│  └─ Counter.tsx        # Interactive island using @preact/signals
├─ routes/
│  ├─ api/
│  │  └─ [name].tsx      # Example API route (/api/:name)
│  ├─ _app.tsx           # Document shell (html/body)
│  ├─ _error.tsx         # Error boundary with common HTTP codes
│  └─ index.tsx          # Home page (+ example island)
├─ client.ts             # Client entry (loads global CSS)
├─ main.ts               # Exposes typed `define` and `State`
├─ server.ts             # App wiring: middleware, static files, fs routes
```

Other root files:

- `_fresh/` — generated output after build/dev (ignored from tooling)
- `deno.json` — imports, tasks, compiler options, lint/format config
- `vite.config.ts` — Vite integration

## Troubleshooting

### Fresh Hydration "x is not defined" Error

If you encounter hydration errors like `n is not defined` or `r is not defined`, this is typically caused by corrupted build cache. To fix:

```bash
rm -rf _fresh node_modules/
deno install --allow-scripts
```

> Reference: [Fresh Troubleshooting Guide](https://fresh.deno.dev/docs/advanced/troubleshooting#install-or-re-install-dependencies)

### Common Issues

1. **Module resolution errors** - Clear build cache with `rm -rf _fresh`
2. **Import path issues** - Ensure `@app/` alias is properly configured in `deno.json`
3. **Signal serialization** - Fresh handles signal serialization automatically

## Official documentation

For the full Fresh documentation, guides, and API reference, see the official site:

- Getting Started: https://fresh.deno.dev/docs/getting-started
- Introduction: https://fresh.deno.dev/docs/introduction

## License

MIT License - see [LICENSE](LICENSE) file for details.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

cove

cove

Cove is a minimal TanStack Start starter template maintained by mugnavo, integrating React, TanStack Router/Query, Tailwind CSS, shadcn/ui, Drizzle ORM with PostgreSQL, Better Auth, Vite Plus, and Nitro.

Vite · SaaS

vite-react-boilerplate

vite-react-boilerplate

A production-ready Vite + React starter template with TypeScript, Tailwind CSS, TanStack Router/Query/Table, Storybook, React Hook Form + Zod, Vitest and Playwright testing, plus Husky/Commitizen/Commitlint commit conventions.

Vite · Starter

vital

vital

Vital is a Vite-based React starter template using TypeScript and Tailwind CSS, with an Atomic Design component directory, path aliases and Hero Icons.

Vite · Starter

react-vite-admin

react-vite-admin

A backend management starter built on Vite and React, integrating Recoil, React Query, TypeScript, and Axios, with Ant Design-style interface screenshots. Suitable as a starting point for management-side projects, licensed under MIT, with Chinese documentation and common scripts.

Vite · Admin dashboard

typescript-react_best_practices-vite_template

typescript-react_best_practices-vite_template

A Vite + React + TypeScript starter template by CodelyTV, preconfigured with Jest and React Testing Library unit tests, Cypress end-to-end tests, ESLint and Prettier using Codely's shared configuration, GitHub Actions workflows, a Makefile, and Sass.

Vite · Starter

cloudflare-starter-kit

cloudflare-starter-kit

A Cloudflare Workers project scaffolding template maintained by kriasoft, using Vite and TypeScript, with three built-in workspaces: api, app, and edge, and preconfigured local testing, multiple environments, and a GitHub Actions deployment workflow.

Vite · Starter