Nuxt Nation カンファレンスが開催されます。11月12日~13日にご参加ください。

直感的な
Vue フレームワーク

Nuxt は、Web 開発を直感的かつ強力にする オープンソースフレームワーク です。
高性能で本番環境に対応したフルスタック Web アプリケーションと Web サイトを自信を持って作成できます。
スタートガイド

最高のフロントエンドチームから信頼されています

Vue コンポーネントの
パワー

私たちは、あなたと同じくらい Vue 単一ファイルコンポーネントを気に入っています。シンプルで直感的、そして強力な Nuxt を使用すると、理にかなった方法で Vue コンポーネントを記述できます。すべての反復的なタスクは自動化されるため、自信を持ってフルスタック Vue アプリケーションの記述に集中できます。
app.vue
<script setup>
useSeoMeta({
  title: 'Meet Nuxt',
  description: 'The Intuitive Vue Framework.'
})
</script>

<template>
  <div id="app">
    <AppHeader />
    <NuxtPage />
    <AppFooter />
  </div>
</template>

<style>
#app {
  background-color: #020420;
  color: #00DC82;
}
</style>

静的または動的、
選択はあなた次第です

ルートレベルで必要なレンダリング戦略を決定します。ハイブリッドレンダリングを活用することで、静的サイトのパフォーマンスと動的サイトのインタラクティブ性の両方の利点を最大限に活用できます。
<script setup>
// Pre-render the homepage at build time
defineRouteRules({
  prerender: true
})
</script>

<template>
  <div>
    <h1>Homepage</h1>
    <p>Pre-rendered at build time</p>
  </div>
</template>

必要なものすべてで
構成しましょう。

ルーティングとレイアウト

強力で慣例的なアプローチで複雑なビューとインターフェースを構築するためのファイルベースのルーティングシステム。

データフェッチ

サーバー上で実行され、コンポーネントのデータをフェッチし、さまざまな方法でコンテンツをレンダリングできるようにするコンポーザブル。

アセットとスタイル

CSS Modules、Sass、PostCSS、CSS-in-JS などを組み込みでサポートする画像、フォント、スクリプトの最適化。

SEO とメタタグ

本番環境に対応し、検索エンジンでインデックス化可能でありながら、エンドユーザーにアプリの感覚を提供します。

ミドルウェア

ページまたはページのグループをレンダリングする前に、認証、ローカライズ、A/B テストなどのカスタムコードを実行します。

状態管理

Nuxt は、コンポーネント間でリアクティブで SSR フレンドリーな状態を共有するための簡単な方法を提供します。

トランジション

Vue とブラウザのトランジションを組み込みでサポートすることで、レイアウト、ページ、コンポーネント間のスムーズなトランジションを作成します。

エラー処理

アプリケーションのデバッグとユーザーエクスペリエンスの向上に役立つ組み込みのエラー処理とロギング。

レイヤー

別の Nuxt アプリケーションで Nuxt アプリケーションを拡張して、コンポーネント、コンポーザブル、レイアウト、ページなどを再利用します。

サーバールート

API エンドポイントとサーバールートを作成して、サードパーティサービスと安全に接続し、フロントエンドから利用します。

自動インポート

Nuxt は、ヘルパー、コンポーザブル、Vue API を自動的にインポートして、明示的にインポートすることなくアプリ全体で使用できるようにします。

TypeScript

Nuxt は、コーディング時に正確な型情報にアクセスできるようにするための便利なショートカットを提供します。

無限のインテグレーションで
より迅速にリリース

お気に入りのツールやサービスと統合します。Nuxt は柔軟性を重視して構築されており、堅牢なモジュールエコシステムで拡張できます。一般的なヘッドレス CMS、e コマース、データベース、UI/UX ライブラリと、1 行のコードでアプリケーションを接続します。
NetlifyNuxtHubVercelHerokuCloudflareAmplifyDigitalOceanTailwind CSSSupabaseStripeFirebaseStrapiWordPressDirectusStoryblokSanitySentryShopifyMeilisearchAlgolia

世界中の開発者によって
構築されています。

Nuxt とそのエコシステムの開発は、国際的なチームによって主導されています。貢献者から開発者アドボケイトまで、コミュニティはさまざまな視野とスキルを持つメンバーで構成されています。私たちは毎日新しいメンバーを歓迎し、誰でも参加して、質問に答えたり、講演を行ったり、モジュールを作成したり、コアに貢献したりするなど、さまざまな方法で支援することを奨励しています。

World Wide Web からの
信頼

Nuxt は、高性能で SEO に強いフルスタック Vue アプリを提供するための魅力的なソリューションと優れたエコシステムを提供します。SSR と SSG を選択できる柔軟性は、まさに錦上添花です。
Evan You

Evan You

Vue.js と Vite の作者

Nuxt は、Web 上で本番環境に対応した製品を構築するチームにとって素晴らしい選択肢です。優れた Vue.js DX を維持しながら、パフォーマンスのベストプラクティスを組み込むことを目指しています。
Addy Osmani

Addy Osmani

Chrome のチーフエンジニア

Nuxt は、開発者とフレームワーク作成者の両方にとって、革新とインスピレーションの素晴らしい源泉となってきました。Web 上のあらゆる規模の Web プロジェクトでその成長を目の当たりにするのは素晴らしいことです。
Guillermo Rauch

Guillermo Rauch

Vercel の共同創設者兼 CEO

Nuxt は、すぐに使える優れた開発者の生産性、エクスペリエンス、パフォーマンスを提供します! あらゆる種類のアプリケーションを生産的に構築するために、チームが必要なすべてをすぐに利用できるように、細部まで注意が払われています。
Sarah Drasner

Sarah Drasner

Google のエンジニアリングディレクター

Nuxt は、優れた開発エクスペリエンスと、次の Web サイトまたはアプリケーションの開発とパフォーマンスを高速化する再利用可能な完全に統合された機能を組み合わせた独自のアプローチを採用しています。
Dominik Angerer

Dominik Angerer

Storyblok の共同創設者

初めて Nuxt を使った瞬間、私は Nuxt に夢中になりました。スケーラビリティ、パフォーマンス、開発エクスペリエンスに加えて、Nuxt を支えるチームも素晴らしいです。このような素晴らしいフレームワークを開発し、私たちの生活をはるかに楽にしてくれてありがとう!
Savas Vedova

Savas Vedova

GitLab のシニアフロントエンドエンジニア

Nuxt の高パフォーマンスと焦点を絞った開発エクスペリエンスの融合は、ゲームチェンジャーです。SSR と SSG の柔軟性と、Vue.js エコシステムと同じくらい活気のあるコミュニティが組み合わさって、最新の Web プロジェクトにとって素晴らしい選択肢となっています。
Rijk van Zanten

Rijk van Zanten

Directus の CTO