the-road-to-graphql / Fullstack Apollo Express Mongodb Boilerplate
Licence: mit
đĽA sophisticated GraphQL with Apollo, Express and MongoDB boilerplate project.
Stars: â 301
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Fullstack Apollo Express Mongodb Boilerplate
Fullstack Apollo Express Postgresql Boilerplate
đĽ A sophisticated GraphQL with Apollo, Express and PostgreSQL boilerplate project.
Stars: â 1,079 (+258.47%)
Mutual labels: apollo-client, apollographql, apollo-server, starter-kit, fullstack, authentication, authorization, boilerplate
Fullstack Apollo React Boilerplate
đĽA sophisticated Apollo in React boilerplate project.
Stars: â 136 (-54.82%)
Mutual labels: apollo-client, apollographql, apollo-server, starter-kit, fullstack, authentication, authorization, boilerplate
Mern Boilerplate
Fullstack boilerplate with React, Redux, Express, Mongoose, Passport Local, JWT, Facebook and Google OAuth out of the box.
Stars: â 112 (-62.79%)
Mutual labels: mongodb, fullstack, authentication, authorization, boilerplate
Mern
đ MERN stack 2.0 - MongoDB, Express, React/Redux, Node
Stars: â 175 (-41.86%)
Mutual labels: mongodb, starter-kit, fullstack, boilerplate
Blazorboilerplate
Blazor Boilerplate / Starter Template with MatBlazor
Stars: â 1,258 (+317.94%)
Mutual labels: starter-kit, authentication, authorization, boilerplate
Nest User Auth
A starter build for a back end which implements managing users with MongoDB, Mongoose, NestJS, Passport-JWT, and GraphQL.
Stars: â 145 (-51.83%)
Mutual labels: apollo-server, mongo, mongodb, authentication
fullstack-apollo-subscription-example
A minimal Apollo Server 2 with Apollo Client 2 with Subscriptions application.
Stars: â 72 (-76.08%)
Mutual labels: apollo-client, apollographql, fullstack, apollo-server
Express Mongodb Rest Api Boilerplate
A boilerplate for Node.js apps / Rest API / Authentication from scratch - express, mongodb (mongoose).
Stars: â 153 (-49.17%)
Mutual labels: mongodb, authentication, authorization, boilerplate
Express Graphql Mongodb Boilerplate
A boilerplate for Node.js apps / GraphQL-API / Authentication from scratch - express, graphql - (graphql compose), mongodb (mongoose).
Stars: â 288 (-4.32%)
Mutual labels: mongodb, authentication, authorization, boilerplate
Mevn Stack
A Quickstart for building an Express API with a VueJS Admin Portal
Stars: â 178 (-40.86%)
Mutual labels: mongo, mongodb, boilerplate
Apollo2 Subscriptions How To
Apollo Server 2 how to setup subscriptions
Stars: â 125 (-58.47%)
Mutual labels: apollographql, apollo-server, mongodb
Vue Express Mongo Boilerplate
â MEVN Full stack JS web app boilerplate with NodeJS, Express, Mongo and VueJS
Stars: â 2,814 (+834.88%)
Mutual labels: mongo, fullstack, boilerplate
Mern Stack Authentication
Secure MERN Stack CRUD Web Application using Passport.js Authentication
Stars: â 60 (-80.07%)
Mutual labels: mongo, mongodb, authentication
Mean Angular5 Passport Authentication
Securing MEAN Stack (Angular 5) Web Application using Passport Authentication
Stars: â 24 (-92.03%)
Mutual labels: mongo, mongodb, authentication
Express Mongoose Es6 Rest Api
đĽ A boilerplate application for building RESTful APIs Microservice in Node.js using express and mongoose in ES6 with code coverage and JsonWebToken Authentication
Stars: â 2,811 (+833.89%)
Mutual labels: mongodb, authentication, boilerplate
Hackathon Starter Kit
A Node-Typescript/Express Boilerplate with Authentication(Local, Github, Facebook, Twitter, Google, Dropbox, LinkedIn, Discord, Slack), Authorization, and CRUD functionality + PWA Support!
Stars: â 242 (-19.6%)
Mutual labels: mongodb, starter-kit, authentication
Naperg
Fullstack Boilerplate GraphQL. Made with React & Prisma + authentication & roles
Stars: â 661 (+119.6%)
Mutual labels: apollo-client, fullstack, authentication
Create Social Network
An educational project, demonstrating how to build a large scalable project with Javascript.
Stars: â 853 (+183.39%)
Mutual labels: apollo-client, apollo-server, mongodb
Mevn Boilerplate
A fullstack boilerplate with Mongo, ExpressJS, VueJS and NodeJS.
Stars: â 277 (-7.97%)
Mutual labels: mongodb, fullstack, boilerplate
React Mobx State Tree
Create React App with MobX State Tree, Styled Components and GraphQL
Stars: â 127 (-57.81%)
Mutual labels: apollo-client, apollographql, boilerplate
fullstack-apollo-express-mongodb-boilerplate
A full-fledged Apollo Server with Apollo Client starter project with React and Express. Read more about it in this tutorial to build it yourself.
Further Readings:
- MongoDB Setup
- [TODO: write migration tutorial]
Family of universal fullstack repositories:
Server Applications:
Client Applications:
Features of Client + Server
- React (create-react-app) with Apollo Client
- Queries, Mutations, Subscriptions
- Node.js with Express and Apollo Server
- cursor-based Pagination
- MongoDB Database with Mongoose
- entities: users, messages
- Authentication
- powered by JWT and local storage
- Sign Up, Sign In, Sign Out
- Authorization
- protected endpoint (e.g. verify valid session)
- protected resolvers (e.g. e.g. session-based, role-based)
- protected routes (e.g. session-based, role-based)
- performance optimizations
- example of using Facebook's dataloader
- E2E testing
Installation
git clone [email protected]:the-road-to-graphql/fullstack-apollo-express-mongodb-boilerplate.gitcd fullstack-apollo-express-mongodb-boilerplatetouch .envnpm install- fill out .env file (see below)
npm start- start MongoDB
- visit
http://localhost:8000for GraphQL playground
.env file
Since this boilerplate project is using MongoDB, you have to install it for your machine and get a database up and running. You find everything for the set up over here: Setup MongoDB with Mongoose in Express Tutorial [TODO: write setup tutorial]. After you have created a MongoDB database, you can fill out the environment variables in the server/.env file.
SECRET=asdlplplfwfwefwekwself.2342.dawasdq
DATABASE_URL=mongodb://localhost:27017/mydatabase
The SECRET is just a random string for your authentication. Keep all these information secure by adding the .env file to your .gitignore file. No third-party should have access to this information.
Testing
- adjust
test:run-servernpm script withTEST_DATABASE_URLenvironment variable in package.json to match your testing database name - one terminal: npm run test:run-server
- second terminal: npm run test:execute-test
Want to learn more about React + GraphQL + Apollo?
- Don't miss upcoming Tutorials and Courses
- Check out current React Courses
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].