Vulcan Next helps you build GraphQL-based applications with Next.js.
Vulcan Next provides:
- A production-grade Next.js + Apollo GraphQL boilerplate. It includes development tooling such as -Cypress, Jest, Storybook, MDX... and many others. - A GraphQL API endpoint set up with Apollo Server, so you can start coding back-end features immediately. - Schema-based helpers and hooks to quickly generate and consume your own GraphQL API. - Password based authentication
Vulcan Next alternatives and similar libraries
Based on the "NodeJS" category.
Alternatively, view vulcan-next alternatives based on common mentions on social networks and blogs.
Crawlee7.0 9.8 Vulcan Next VS CrawleeCrawlee—A web scraping and browser automation library for Node.js that helps you build reliable crawlers. Fast.
Gluon4.7 9.6 Vulcan Next VS GluonA new framework for creating desktop apps from websites, using system installed browsers and NodeJS
pwa-asset-generatorAutomates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile images. Updates manifest.json and index.html files with the generated images according to Web App Manifest specs and Apple Human Interface guidelines.
rdfstore-js3.0 0.0 Vulcan Next VS rdfstore-jsJS RDF store with SPARQL support
teachcode2.3 0.0 Vulcan Next VS teachcodeA tool to develop and improve a student’s programming skills by introducing the earliest lessons of coding.
Stylify2.1 8.2 Vulcan Next VS Stylify💎 Monorepository for Stylify packages. Stylify uses CSS-like selectors to generate Extremely optimized utility-first CSS dynamically based on what you write 💎.
DIOD1.2 0.0 Vulcan Next VS DIODA very opinionated inversion of control (IoC) container and dependency injector for Typescript, Node.js or browser apps.
Brainyduck1.0 9.1 Vulcan Next VS Brainyduck🐥 A micro "no-backend" framework 🤯 Quickly build powerful BaaS using only your graphql schemas
github-star-searchA CLI that search your github starred repositories offline through README , description and other fields.
jirax0.9 4.2 Vulcan Next VS jirax:sunglasses: :computer: Simple and flexible CLI Tool for your daily JIRA activity (supported on all OSes)
zeit0.6 0.0 L5 Vulcan Next VS zeitClock and task scheduler for node.js applications, providing extensive control of time and callback scheduling in prod and test code
ts-pojo-error0.5 5.5 Vulcan Next VS ts-pojo-error🔥 Type safe pojo error will help you to easily create typed and serializable error.
chef-socket0.3 4.3 Vulcan Next VS chef-socketCommand Line Interface Static Files Server written in TypeScript for Single Page Applications serving in Node with Socket.IO
chef-express0.3 5.1 Vulcan Next VS chef-expressCommand Line Interface Static Files Server written in TypeScript for Single Page Applications serving in Node with Express
Be notified of new signups in your app using Firebase Authentication and Google Chat0.2 10.0 Vulcan Next VS Be notified of new signups in your app using Firebase Authentication and Google ChatBe notified of new signups in your app directly in Google Chat
spurtcommerce0.2 10.0 Vulcan Next VS spurtcommerceSpurtcommerce is a complete ecommerce solution for Angular 4 , Nodejs , Mysql
Appwrite - The Open Source Firebase alternative introduces iOS support
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of Vulcan Next or a related project?
Vulcan Next helps you build GraphQL-based applications with Next.js.
What's in the box?
Where Vulcan Next shines:
- B2B SaaS software, CMS, platforms
- Apps that rely a lot on CRUD operations (managing and listing data structure, like in a CMS)
- APIs that can be consumed by multiple clients (your own app but also a mobile version, data scientists, other 3rd party apps...)
Vulcan Next provides:
- A production-grade Next.js + Apollo GraphQL boilerplate.
- A GraphQL API endpoint set up with Apollo Server and a Mongo connector, so you can start coding back-end features immediately.
- Development tooling such as Cypress, Jest, Storybook... and many others.
- Schema-based helpers and hooks to quickly generate and consume your own GraphQL API
- Password based authentication with Passport
Join the Slack and meet Vulcan contributors
Join the new Discord and meet Vulcan contributors
Get started with the live tutorial
Read the introductory article on FreeCodeCamp
A word about the core team and sponsoring
You can't teach an old dog new tricks! Vulcan Next is the successor of "Vulcan.js", the Meteor framework from Sacha Greif. It inherits years of experience, with a modernized architecture that replaces Meteor by Next.js.
Vulcan Next powers the Devographics surveys State of JS, State of CSS and State of GraphQL.
Not familiar with Next.js yet? You can join the Next.js course at Human Coders from Eric Burel, 3 days to understand the inner workings of Next.js router, server and static rendering, edge middlewares and all their friends.
Want to help us building high quality boilerplates? You can sponsor Vulcan on Open Collective or reach us out for bounties and freelance work (ping us on Vulcan slack or Discord).
Install and run in 5 minutes
Pro tip: you can test Vulcan Next with zero install by cloning it on CodeSandbox.
If you prefer a local install:
git clone -b main https://github.com/VulcanJS/vulcan-next cd vulcan-next yarn yarn run dev
Open http://localhost:3000 in your browser. You can then access the live tutorial on http://localhost:3000/learn.
Setup your own git repository
When creating your own application, you'll want to host the code on your own Git repository (on GitHub, BitBucket, etc.).
Point git to your own repository
Rename "origin" to "upstream", so you can use your own git repository as the main "origin", and VN official repo as "upstream".
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>
Roll your own Mongo database
As a default, Vulcan Next will connect to a sample read-only database owned by LBKE. To create your own application, you'll want to use your own databse.
0. I am a Windows user (if using Mac or Linux skip to 1.)
If you use Windows, you might want to either:
- Install Ubuntu as a dual boot (virtual machine are technically fine but way slower and could lead to a poor development experience)
Setup the Linux subsystem in order to be able to run Docker on Windows
Install MongoDB using the Windows installer
1. Run a Mongo server using Docker
It will run Mongo in your current terminal, or create and run a Mongo image if it's the first time your run the command.
Note: you should always start your database before you run the application.
yarn run start:mongo
See Docker installation instruction for Ubuntu here if you don't have Docker yet.
2. Configure your application to use your local database
.env.development.local use this URI for Mongo:
You can then stop the server and start it again.
We advise to use MongoDB Compass to visualize your database content.
Update your app to the latest version of Vulcan Next
Beware: Vulcan Next is a boilerplate, the possibility to update automatically is not guaranteed. You may have to apply the updates by hand, comparing Vulcan Next latest version to your own code. Always double-check that the merge didn't break your app!.
# 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
Contribute or raise an issue
This starter is read-only! Please avoid opening pull requests against it.
All developments happen in our monorepo "Vulcan NPM" here.
They support Vulcan Next and Vulcan Meteor
This project exists thanks to all the people who contribute.
Thank you to all our backers! 🙏 [Become a backer]
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]
They give time and share knowledge to support the project.
Other cool Next stuff
- Official Apollo example from Next
- Next Right Now (a complete Next Starter, relying on Prisma cloud solutions for the backend)
- Blitz (fullstack Next without GraphQL)
- Next Antd Graphql Starter
- Next React Graphql Apollo Bootstrap
- Next advanced starter,
- Next - Mongo (no Express, no GraphQL, just Next and Mongo)
- Next and TypeScript from the maker of next-transpile-modules
- A frontend performance oriented starter
- Bison, a full-stack Next.js starter
- Nextra, a no-code site generator with Markdown (great for blogging)
- BlueLibs, a toolkit that also proposes a React starter
This is a Next.js project bootstrapped with
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.