Skip to content
This repository has been archived by the owner on Aug 21, 2024. It is now read-only.

Full stack project with React, Next.js, GraphQL, Apollo and MongoDB

License

Notifications You must be signed in to change notification settings

pedromagalhaes/with-nextjs-graphql-mongodb

Repository files navigation

Next.js, GraphQL, Apollo and MongoDB

Full stack application with Website, Dashboard and Backoffice.

Features:

  • Connection to MongoDB
  • Apollo and GraphQL queries, mutations, resolvers
  • Authentication with Passport and Express Session
  • Form validation with Formik
  • Setup loaders in Webpack
  • Setup dynamic and custom routes in Next.js
  • Setup Semantic UI React as UI framework
  • Setup ESLint, StyleLint, Prettier
  • Setup Husky for pre-commit
  • more coming soon ...

🧘 Quick Start

  1. Install and switch to the correct version of Node using NVM

    nvm install
  2. Install dependencies

    yarn install
  3. Start the development server

    yarn dev

🧐 What's inside?

A quick look at the top-level files and directories in this project.

├── node_modules
├── .gitignore
├── .prettierrc
├── LICENSE
├── README.md
└── yarn.lock
  1. /node_modules: The directory where all of the modules of code that your project depends on (npm packages) are automatically installed.

  2. .gitignore: This file tells git which files it should not track / not maintain a version history for.

  3. .prettierrc: This is a configuration file for a tool called Prettier, which is a tool to help keep the formatting of your code consistent.

  4. LICENSE: Next.js is licensed under the MIT license.

  5. README.md: A text file containing useful reference information about your project.

  6. yarn.lock: Yarn is a package manager alternative to npm. You can use either yarn or npm, though all of the Gatsby docs reference npm. This file serves essentially the same purpose as package-lock.json, just for a different package management system.

🚀 Building and Running for Production

In addition to the development server started with yarn start, you can also generate a full static production build and serve that to preview the site as it will appear once deployed:

yarn build
yarn start
or
yarn start:dev