Next Tailwind Redux Graphql Example
An example repo using React, NextJS, TailwindCSS, Daisy UI, Redux for Frontend and Express + Apollo GraphQL Server, MongoDB for Backcend
Next + TailwindCSS + GraphQL + MongoDB + Node Example
You can also use this as a starter for your upcoming projects.
Techstack
This uses a number of open source projects to work properly:
- React.js - HTML enhanced for web apps!
- NextJS - awesome ssr based web-frameork for React
- TailwindCSS - CSS styling framework. Fast and easy to extend.
- Daisy UI - great UI boilerplate for modern web apps designed with TailwindCSS
- Node.js - evented I/O for the backend
- Express - fast node.js network app framework
- GraphQL (Apollo Server) - the main api exposed through express
- MongoDB - no sql database
Installation
Make sure you have installed Node and Yarn.
Install the dependencies and devDependencies and start the server.
cd server
yarn
yarn dev
Then start the frontend server
cd client
yarn
yarn dev
