vulcan next

次はバルカン

Vulcan Nextは、next.jsでGraphQLベースのアプリケーションを構築するのに役立ちます。

箱の中には何がありますか？

バルカンが次に輝く場所：

• B2B SaaSソフトウェア、CMS、プラットフォーム
• CRUD操作に大きく依存しているアプリ（CMSのように、データ構造の管理とリスト）
• 複数のクライアント（あなた自身のアプリだけでなく、モバイルバージョン、データサイエンティスト、その他のサードパーティアプリ...）が消費できるAPI ...）

バルカンは次のことを提供します：

• Production-Grade Next.JS + Apollo GraphQLボイラープレート。
• ApolloサーバーとMongoコネクタでセットアップされたGraphQL APIエンドポイントがあるため、すぐにバックエンド機能のコーディングを開始できます。
• サイプレス、冗談、絵本などの開発ツールなど。
• スキーマベースのヘルパーとフックは、独自のGraphQL APIを迅速に生成および消費する
• パスポートを使用したパスワードベースの認証

Slackに参加して、Vulcanの寄稿者に会います

新しい不一致に参加し、バルカンの寄稿者に会います

ライブチュートリアルを始めましょう

FreeCodecampの入門記事を読んでください

完全なドキュメントを確認してください

コアチームとスポンサーについての言葉

老犬に新しいトリックを教えることはできません！ Vulcan Nextは、Sacha GreifのMeteorフレームワークである「Vulcan.js」の後継者です。それは長年の経験を継承しており、MeteorをNext.jsに置き換える近代化されたアーキテクチャを備えています。

Vulcanは、JS、CSSの状態、およびGraphQlの状態を調査する開発調査を強化します。

next.jsにまだ精通していませんか？ Eric BurelのHuman Codersで次の.JSコースに参加して、next.jsルーター、サーバーと静的レンダリング、Edge Middlewares、およびすべての友人の内部の仕組みを理解するために3日間に参加できます。

高品質のボイラープレートの構築を手伝いたいですか？ Open CollectiveでVulcanをスポンサーするか、賞金やフリーランスの仕事のために私たちに連絡してください（Vulcan SlackまたはDiscordで私たちをping）。

---

5分でインストールして実行します

プロのヒント： CodeSandboxでクローン化することにより、ゼロインストールでVulcanを次にテストできます。

ローカルインストールが必要な場合：

git clone -b main https://github.com/VulcanJS/vulcan-next
cd vulcan-next
yarn
yarn run dev

http：// localhost：ブラウザで3000を開きます。その後、http：// localhost：3000/reganでライブチュートリアルにアクセスできます。

---

次のステップ

独自のgitリポジトリをセットアップします

独自のアプリケーションを作成するときは、独自のgitリポジトリ（Github、Bitbucketなど）でコードをホストする必要があります。

独自のリポジトリにgitをポイントします

「Origin」を「上流」に変更するため、独自のGitリポジトリをメインの「Origin」として使用し、VN公式リポジトリを「アップストリーム」として使用できます。

git remote rename origin upstream
# Then do what you need to create your own origin remote
# git remote add origin <your-own-git-repository-url>

独自のMongoデータベースを転がします

デフォルトとして、Vulcan NextはLBKEが所有するサンプルの読み取り専用データベースに接続します。独自のアプリケーションを作成するには、独自のデータベースを使用する必要があります。

0.私はWindowsユーザーです（MacまたはLinuxスキップを1に使用している場合）

Windowsを使用している場合は、次のどちらをお勧めします。

• Ubuntuをデュアルブートとしてインストールします（仮想マシンは技術的には問題ありませんが、ゆっくりとゆっくりと発展している可能性があります）

• WindowsでDockerを実行できるようにLinuxサブシステムをセットアップします

• Windowsインストーラーを使用してMongoDBをインストールします

1. Dockerを使用してMongoサーバーを実行します

現在の端末でMongoを実行するか、コマンドを初めて実行するのがMongo画像を作成して実行します。

注：アプリケーションを実行する前に、常にデータベースを起動する必要があります。

yarn run start:mongo

まだDockerをお持ちでない場合は、Dockerのインストール命令をご覧ください。

2。ローカルデータベースを使用するようにアプリケーションを構成します

in .env.developmentまたは.env.development.local 、このURIをMongoに使用します。

MONGO_URI= " mongodb://localhost:27017/vulcan-next-app "

その後、サーバーを停止して再度開始できます。

Mongodbコンパスを使用して、データベースコンテンツを視覚化することをお勧めします。

アプリを次のバルカンの最新バージョンに更新します

注意してください： Vulcan Nextはボイラープレートであり、自動的に更新する可能性は保証されていません。次の最新バージョンを独自のコードと比較して、更新を手作業で適用する必要がある場合があります。マージがアプリを壊さなかったことを常に再確認してください！ 。

 # Get the latest version of Vulcan Next locally
git fetch upstream
# Merge to your own code (favouring your own code as a default in case of conflict)
git merge upstream/main -X ours

---

貢献または問題を提起します

このスターターは読み取り専用です！それに対するプルリクエストを開くことは避けてください。

すべての開発は、ここでモノレポの「バルカンNPM」で行われます。

---

彼らはバルカン・ネクストとバルカン流星をサポートしています

貢献者

このプロジェクトは、貢献するすべての人々のおかげで存在します。

支援者

すべての支援者に感謝します！ [支援者になる]

スポンサー

スポンサーになることにより、このプロジェクトをサポートします。あなたのロゴは、あなたのウェブサイトへのリンクでここに表示されます。 [スポンサーになる]

技術サポート

彼らはプロジェクトをサポートするために時間を与え、知識を共有します。

他のクールな次のもの

• 次の公式のアポロの例
• 次の今すぐ（バックエンドのプリズムクラウドソリューションに依存している完全な次のスターター）
• Blitz（graphqlなしでフルスタック）
• 次のANTD GraphQLスターター
• 次に、graphql apollo bootstrapを反応します
• 次の高度なスターター、
• 次 - マンゴ（エクスプレスなし、グラフクルなし、すぐにマンゴ）
• 次への移動型モジュールのメーカーからのタイプスクリプト
• フロントエンドのパフォーマンス指向スターター
• Bison、フルスタックNext.jsスターター
• Nextra、マークダウンを備えたコードなしサイトジェネレーター（ブログに最適）
• Bluelibs、Reactスターターも提案するツールキット

---

next.jsについて

これはcreate-next-appでBootstrappedのnext.jsプロジェクトです。

もっと詳しく知る

next.jsの詳細については、次のリソースをご覧ください。

• next.jsドキュメント - next.js機能とAPIについて学びます。
• next.jsを学ぶ - インタラクティブなnext.jsチュートリアル。

next.js githubリポジトリを確認できます - フィードバックと貢献を大歓迎です！

---

Vercelに展開します

next.jsアプリを展開する最も簡単な方法は、next.jsの作成者からvercelプラットフォームを使用することです。

詳細については、next.js deploymentドキュメントをご覧ください。