ファイルから、ページへ。
Vueコンポーネントをページとして配置。ルーティングやコンポーネントの読み込みをNuxtが支えます。
ルーティングを知る ↗NUXT · JAPANESE GUIDES & MODULES
Nuxtから、
次のWeb体験へ。
Vueを基盤に、ページも、データも、サーバーも。Nuxtの導入から、必要な機能をモジュールで広げるところまで。
日本語で学ぶ / オープンソースで組み立てる
<script setup lang="ts">
const message = ref("Hello, Nuxt!")
</script>
<template>
<h1>{{ message }}</h1>
</template>PREVIEW
Hello, Nuxt!
Vue + TypeScript + Nuxt 小さなコンポーネントから、はじめよう。
01 / DISCOVER NUXT
Web開発の土台を、ひとつに。
届け方を、選べる。
サーバー描画、クライアント描画、静的生成。アプリケーションの用途に合わせて選べます。
レンダリングを知る ↗VueとTypeScriptで。
Vueの書き方を生かしながら、型情報と開発ツールを利用してWebアプリケーションを組み立てます。
TypeScriptを知る ↗Terminal
npm create nuxt@latest my-app
cd my-app
npm run dev03 / EXTEND WITH MODULES
必要な機能を、組み合わせる。
NuxtJPが保守するモジュールと関連ライブラリ。用途から選び、各リポジトリで使い方を確認できます。
site-builder
日英の紹介・文書サイトとOSS一覧を、共通のNuxt基盤から構築します。
構成と利用情報 →declarative-ui
Nuxtで宣言的なview・interactionを組み込むモジュール。
構成と利用情報 →nuxt-local-runtime
利用者の明示操作で、ブラウザ画面から設定済みのローカルRust環境へ接続できます。
構成と利用情報 →Nuxt全体のモジュールも探したいですか？
公式モジュールディレクトリへ ↗