GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Sebastp → Next React Graphql Apollo_boostrap

Sebastp / Next React Graphql Apollo_boostrap

Licence: mit
React + GraphQL + Next.js project architecture that I play with right now

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

reactgraphqlscssnextjseslintapollofullstack

Projects that are alternatives of or similar to Next React Graphql Apollo boostrap

Apollo Upload Examples
A full stack demo of file uploads via GraphQL mutations using Apollo Server and apollo-upload-client.
Stars: ✭ 358 (+506.78%)
Mutual labels:  graphql, apollo, eslint, nextjs
Ran
⚡ RAN! React . GraphQL . Next.js Toolkit ⚡ - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...
Stars: ✭ 2,128 (+3506.78%)
Mutual labels:  graphql, apollo, nextjs
Crypto Grommet
Crypto and equities app
Stars: ✭ 39 (-33.9%)
Mutual labels:  graphql, apollo, nextjs
Kit
ReactQL starter kit (use the CLI)
Stars: ✭ 232 (+293.22%)
Mutual labels:  graphql, apollo, eslint
Next Advanced Apollo Starter
Advanced, but minimalistic Next.js pre-configured starter with focus on DX
Stars: ✭ 131 (+122.03%)
Mutual labels:  graphql, apollo, nextjs
Next Apollo Auth
Authentication Boilerplate with Next.js and Apollo GraphQL
Stars: ✭ 159 (+169.49%)
Mutual labels:  graphql, apollo, nextjs
Next Ecommerce
⚡️ Quantum Ecommerce. Made with Next.js | GraphQL | Apollo Server | Apollo Client | SSR
Stars: ✭ 186 (+215.25%)
Mutual labels:  graphql, apollo, nextjs
Next Graphql Blog
🖊 A Blog including a server and a client. Server is built with Node, Express & a customized GraphQL-yoga server. Client is built with React, Next js & Apollo client.
Stars: ✭ 152 (+157.63%)
Mutual labels:  graphql, apollo, nextjs
Next Apollo Example
Next & Apollo Example
Stars: ✭ 413 (+600%)
Mutual labels:  graphql, apollo, nextjs
Hackernews React Graphql
Hacker News clone rewritten with universal JavaScript, using React and GraphQL.
Stars: ✭ 4,242 (+7089.83%)
Mutual labels:  graphql, apollo, nextjs
Apollo Server Vercel
⚫ Production-ready Node.js GraphQL server for Vercel Serverless Functions
Stars: ✭ 69 (+16.95%)
Mutual labels:  graphql, apollo, nextjs
Brian Lovin Next
My personal site
Stars: ✭ 522 (+784.75%)
Mutual labels:  graphql, apollo, nextjs
Next React Graphql Apollo Hooks
React, Apollo, Next.js, GraphQL, Node.js, TypeScript high performance boilerplate with React hooks GraphQL implementation and automatic static type generation
Stars: ✭ 186 (+215.25%)
Mutual labels:  graphql, apollo, nextjs
Babel Plugin Import Graphql
Enables import syntax for .graphql and .gql files
Stars: ✭ 284 (+381.36%)
Mutual labels:  graphql, apollo, nextjs
Example Storefront
Example Storefront is Reaction Commerce’s headless ecommerce storefront - Next.js, GraphQL, React. Built using Apollo Client and the commerce-focused React UI components provided in the Storefront Component Library (reactioncommerce/reaction-component-library). It connects with Reaction backend with the GraphQL API.
Stars: ✭ 471 (+698.31%)
Mutual labels:  graphql, apollo, nextjs
Pizzaql
🍕 Modern OSS Order Management System for Pizza Restaurants
Stars: ✭ 631 (+969.49%)
Mutual labels:  graphql, apollo, nextjs
Graphql Apq
🎯 Automatic persisted queries (APQ) for any GraphQL server.
Stars: ✭ 43 (-27.12%)
Mutual labels:  graphql, apollo
React Apollo Decorators
Better decorators for Apollo and React
Stars: ✭ 39 (-33.9%)
Mutual labels:  graphql, apollo
Omdb Graphql Wrapper
🚀 GraphQL wrapper for the OMDb API
Stars: ✭ 45 (-23.73%)
Mutual labels:  graphql, apollo
Apollo Redux Form
Redux forms powered by Apollo
Stars: ✭ 52 (-11.86%)
Mutual labels:  graphql, apollo
View All Similar Projects ➔

React + GraphQL + Next.js + Apollo + Scss + Typescript Starter

Project boostrap built with:

  • React.js
  • Next.js
  • Typescript
  • SCSS
  • Apollo
  • GraphQl
  • EsLint
  • Prettier
  • Jest tests
  • Nodemon
  • Styled Components

How to use

npm i
npm run dev

Environment variables

You can access your .env variables by deconstructing 'process.env' object, both on client and server. Just make sure that you reboot the server when updating .env file.

Configuration

You should configure things like eslint, tsconfig, prettier etc. with things that suit you and your project. Configuration in this project is not perfect - it's just my own preference, and I'm open to suggestions :)

To see before coding;

PS; I'm always looking for interesting freelance/full time opportunities, hmu @ [email protected]

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].