vulcan next

接下來的瓦肯

vulcan Next可幫助您使用Next.js構建基於GraphQL的應用程序。

盒子裡有什麼？

瓦肯下一個閃耀的地方：

• B2B SaaS軟件，CMS，平台
• 非常依賴CRUD操作的應用程序（管理和列表數據結構，例如在CMS中）
• 可以由多個客戶端消費的API（您自己的應用程序，也可以是移動版本，數據科學家，其他第三方應用程序...）

下一步提供：

• 下一個生產級。 JS + Apollo GraphQl樣板。
• 使用Apollo服務器和Mongo連接器設置的GraphQL API端點，因此您可以立即開始編碼後端功能。
• 開發工具，例如柏樹，開玩笑，故事書以及許多其他工具。
• 基於模式的助手和鉤子可以快速生成和消費您自己的GraphQl API
• 帶有護照的基於密碼的身份驗證

加入懈怠並結識瓦肯人的貢獻者

加入新的不和諧並結識Vulcan貢獻者

開始實時教程

閱讀有關FreecodeCamp的介紹性文章

檢查完整的文檔

關於核心團隊和讚助的一句話

您不能教老狗新技巧！接下來，Vulcan是Sacha Greif的流星框架“ Vulcan.js”的繼任者。它繼承了多年的經驗，並通過現代化的建築替換了Next.js的流星。

接下來，Vulcan為defagraphics調查JS，CSS狀態和GraphQl狀態的狀態提供動力。

不熟悉Next.js嗎？您可以加入Eric Burel的人類編碼人員的Next.js課程，3天，以了解Next.js路由器，服務器和靜態渲染，Edge Middlewares及其所有朋友的內部工作。

想幫助我們建造高質量的鍋爐嗎？您可以在開放集體上贊助Vulcan，也可以與我們聯繫以賞金和自由職業者（在Vulcan Slack或Discord上使用我們）。

---

安裝並在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/Learn上訪問實時教程。

---

下一步

設置自己的git存儲庫

創建自己的應用程序時，您需要在自己的git存儲庫（在github，bitbucket等上）託管代碼。

指向您自己的存儲庫

將“ 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作為雙啟動（虛擬機在技術上還不錯，但速度較慢，可能導致不良的開發體驗）

• 設置Linux子系統，以便能夠在Windows上運行Docker

• 使用Windows安裝程序安裝MongoDB

1。使用Docker運行Mongo服務器

它將在您當前的終端運行mongo，或者如果您第一次運行命令，則將創建並運行mongo映像。

注意：在運行應用程序之前，您應該始終啟動數據庫。

yarn run start:mongo

如果您還沒有Docker ，請參見Ubuntu的Docker安裝說明。

2。配置您的應用程序以使用本地數據庫

在.env.development或.env.development.local使用此URI進行Mongo：

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

然後，您可以停止服務器並重新啟動。

我們建議使用MongoDB指南針可視化您的數據庫內容。

將您的應用更新為最新版本的Vulcan Next

當心： Vulcan Next是一個樣板，無法自動更新的可能性。您可能必須手動應用更新，將vulcan的下一個最新版本與您自己的代碼進行比較。總是仔細檢查合併不會破壞您的應用程序！ 。

 # 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

---

貢獻或提出問題

這個起動器是只讀的！請避免針對它開放拉動請求。

所有發展都發生在我們的Monorepo“ Vulcan NPM”中。

---

他們支持瓦肯和瓦肯流星

貢獻者

由於所有貢獻的人，該項目的存在。

支持者

感謝我們所有的支持者！ [成為支持者]

贊助商

通過成為贊助商來支持這個項目。您的徽標將在此處顯示您網站的鏈接。 [成為贊助商]

技術支持

他們給出時間並分享知識以支持該項目。

其他很酷的下一個東西

• 接下來的官方阿波羅示例
• 下一個現在（一個完整的下一個起動器，依靠Prisma雲解決方案的後端）
• Blitz（Fullstack Next而不GraphQl）
• 下一個ANTD GraphQl入門
• 下一個React GraphQl Apollo Bootstrap
• 下一個高級入門者，
• 下一步
• 下一步和來自Next-Transpile模型製造商的打字稿
• 前端性能的起動器
• 野牛，下一個堆棧。
• Nextra，一種帶有Markdown的無代碼站點生成器（非常適合博客）
• Bluelibs，一種工具包，也提出了反應起動器

---

關於Next.js

這是一個帶有create-next-app boottrable。

了解更多

要了解有關Next.js的更多信息，請查看以下資源：

• Next.js文檔 - 了解Next.js功能和API。
• 學習Next.js-互動Next.js教程。

您可以查看下一個。 JSgithub存儲庫 - 歡迎您的反饋和貢獻！

---

部署在Vercel上

部署您的next.js應用的最簡單方法是使用Next.js的創建者的Vercel平台。

請查看我們的Next.js部署文檔以獲取更多詳細信息。