Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Denoに入門していきなりAleph.jsを触ってみた

takf
December 08, 2022

 Denoに入門していきなりAleph.jsを触ってみた

2022.12.07 Saitama.js vol.4

takf

December 08, 2022
Tweet

More Decks by takf

Other Decks in Technology

Transcript

  1. What is Deno Deno はJavaScript / TypeScript ランタイムであり、安全なデフォルトと優れた開発者エクスペリエンスを備えています。 V8 、Rust

    、Tokio に基づいて構築されています。 Node.js の作者であるRyan Dahl 氏が中心となって開発されている 最新は v1.28 ES Module に準拠しており、パッケージマネージャーを介さず外部 モジュールを使用できる
  2. What is Aleph.js Next.js(React) に影響を受けたDeno のフルスタックフレームワーク SSG / SSR に対応

    Vue, Yew, Solid など他のJS フレームワークも使用できるようになっ た まだbeta 版
  3. Deno のインストール brew install deno deno --version deno 1.28.3 (release,

    x86_64-apple-darwin) v8 10.9.194.5 typescript 4.8.3
  4. Aleph.js のインストール deno run -A -r https://alephjs.org/init.ts ? Project Name:

    hello-aleph ? Select a framework: 1. React 2. React with MDX 3. Vue 4. Yew 5. Solid 6. REST API [1-6] 1
  5. ? Generate `_export.ts` module for runtime that doesn't support dynamic

    import (deploy to Deno Deploy)? [y/N] y ? Using Unocss(TailwindCSS)? [y/N] y ? Initialize VS Code workspace configuration? [y/N] y ↓ Downloading template(react), this might take a moment... ▲ Aleph.js is ready to go! $ cd hello-aleph $ deno task dev # Start the server in `development` mode $ deno task start # Start the server in `production` mode $ deno task build # Build & Optimize the app (bundling, SSG, etc.) Docs: https://alephjs.org/docs Bugs: https://github.com/alephjs/aleph.js/issues