Brain Nuxt.WEB

ブレインナクスト

BrainNuxt は NuxtJS をベースにしたボイラープレートです

情報

ドキュメント

技術者

ベストプラクティス

推奨ツール

例を参照

APIページはこちら

このページでは、SSR メソッドを使用したサーバーサイド API 消費で Axios で asyncData を取得し、WEB GeoLocation API にアクセスする例を示します。

---

サーバー側での asyncData 取得の結果

この例では、API から IP 情報を取得します。

---

この例では、ボタンは地理位置情報へのアクセス許可を求めます。

localhost を使用しない場合は、SSL/HTTPS をアクティブにする必要があります。

---

ナビゲーション

/spa ページはクライアント側でレンダリングされます。テストするには JavaScript を無効にしてください

特徴

---

• SSR - ユニバーサルモード
• PWA 「インストール」
• SEOプリセット: ロボット、サイトマップ、SSR のヘッダー
• Googleアナリティクス
• ページごとにSSRまたはSPA を選択
• FontAwesomeの最小インポート
• ブートストラップのシンプルなグリッド システム
• ジェネラリストまたはコンポーネント CSS
• インテリジェントNuxt ルーター
• 重要なデータのサーバーサイドCookie
• Google サイト認証

---

クイックセットアップ

 # install dependencies
$ yarn install

# serve with hot reload at localhost:8000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate