Веб-разработка

Deno предлагает безопасную и удобную для разработчиков среду для создания веб-приложений, превращая веб-разработку в удовольствие.

Deno обеспечивает безопасные настройки по умолчанию: для доступа к файлам, сети и окружению требуется явное разрешение, что снижает риск уязвимостей безопасности.
В Deno встроена поддержка TypeScript, позволяющая писать код на TypeScript без дополнительной настройки или инструментов.
Deno поставляется с стандартной библиотекой, включающей модули для распространённых задач, таких как HTTP-серверы, операции с файловой системой и многое другое.

Для веб-приложений на обычном TypeScript или JavaScript можно использовать встроенный в Deno HTTP-сервер. Это отличный способ начать работу с Deno и создавать простые веб-приложения без дополнительных зависимостей.

Скорее всего, при создании более сложного приложения вы будете взаимодействовать с Deno через веб-фреймворк.

React/Next

React — популярная библиотека JavaScript для создания пользовательских интерфейсов. Чтобы использовать React с Deno, можно воспользоваться популярным веб-фреймворком Next.js.

Чтобы начать работу с Next.js в Deno, создайте новое приложение Next и сразу запустите его с помощью Deno:

›_

deno run -A npm:create-next-app@latest my-next-app
cd my-next-app
deno task dev

Эта команда создаст новое приложение Next.js с TypeScript и запустит его с помощью Deno. Затем откройте в браузере http://localhost:3000, чтобы увидеть новое приложение, и начните редактировать page.tsx, чтобы сразу видеть изменения.

Чтобы лучше понять, как взаимодействуют JSX и Deno на низком уровне, прочитайте здесь.

Fresh

Fresh — самый популярный веб-фреймворк для Deno. По умолчанию он использует модель, при которой клиентам не отправляется JavaScript.

Чтобы начать работу с приложением Fresh, выполните следующую команду и следуйте подсказкам CLI, чтобы создать приложение:

›_

deno run -Ar jsr:@fresh/init
cd my-fresh-app
deno task dev

Эта команда создаст новое приложение Fresh и запустит его с помощью Deno. Затем откройте в браузере http://localhost:8000, чтобы увидеть новое приложение. Отредактируйте /routes/index.tsx, чтобы сразу видеть изменения.

Fresh выполняет большую часть отрисовки на сервере, а клиент отвечает только за повторную отрисовку небольших островков интерактивности. Это означает, что разработчик явно включает клиентскую отрисовку для отдельных компонентов.

Astro

Astro — генератор статических сайтов, позволяющий разработчикам создавать быстрые и лёгкие веб-сайты.

Чтобы начать работу с Astro, выполните следующую команду, чтобы создать новый сайт Astro:

›_

deno run -A npm:create-astro my-astro-site
cd my-astro-site
deno task dev

Эта команда создаст новый сайт Astro и запустит его с помощью Deno. Затем откройте в браузере http://localhost:4321, чтобы увидеть новый сайт. Отредактируйте /src/pages/index.astro, чтобы сразу видеть изменения.

Vite

Vite — инструмент сборки для веб-разработки, который предоставляет код через нативные ES-модули, запускаемые непосредственно в браузере. Vite отлично подходит для создания современных веб-приложений с Deno.

Чтобы начать работу с Vite, выполните следующую команду, чтобы создать новое приложение Vite:

›_

deno run -A npm:create-vite@latest
cd my-vite-app
deno install
deno task dev

Lume

Lume — генератор статических сайтов для Deno, созданный под влиянием других генераторов статических сайтов, таких как Jekyll и Eleventy.

Чтобы начать работу с Lume, выполните следующую команду, чтобы создать новый сайт Lume:

›_

mkdir my-lume-site
cd my-lume-site
deno run -A https://lume.land/init.ts
deno task serve

Docusaurus

Docusaurus — генератор статических сайтов, оптимизированный для сайтов с технической документацией.

Чтобы начать работу с Docusaurus, выполните следующую команду, чтобы создать новый сайт Docusaurus:

›_

deno run -A npm:create-docusaurus@latest my-website classic
cd my-website
deno task start

Hono

Hono — лёгкий фреймворк для веб-приложений, продолжающий традиции Express и Sinatra.

Чтобы начать работу с Hono, выполните следующую команду, чтобы создать новое приложение Hono:

›_

deno run -A npm:create-hono@latest
cd my-hono-app
deno task start

Эта команда создаст новое приложение Hono и запустит его с помощью Deno. Затем откройте в браузере http://localhost:8000, чтобы увидеть новое приложение.

Oak

Oak — middleware-фреймворк для обработки HTTP-запросов в Deno. Oak связывает ваше фронтенд-приложение с потенциальной базой данных или другими источниками данных (например, REST API и GraphQL API).

Oak предоставляет дополнительные возможности по сравнению со встроенным HTTP-сервером Deno, в том числе базовый маршрутизатор, парсер JSON, middleware, плагины и т. д.

Чтобы начать работу с Oak, создайте файл server.ts и добавьте в него следующий код:

import { Application } from "jsr:@oak/oak/application";
import { Router } from "jsr:@oak/oak/router";

const router = new Router();
router.get("/", (ctx) => {
  ctx.response.body = `<!DOCTYPE html>
    <html>
      <head><title>Hello oak!</title><head>
      <body>
        <h1>Hello oak!</h1>
      </body>
    </html>
  `;
});

const app = new Application();
const port = 8080;

app.use(router.routes());
app.use(router.allowedMethods());
console.log(`Server running on http://localhost:${port}`);

app.listen({ port: port });

Запустите сервер с помощью следующей команды:

›_

deno run --allow-net server.ts

Проекты Node

Deno запускает проекты Node.js без дополнительной настройки. Ознакомьтесь с нашим руководством по переносу проекта Node.js на Deno.