Server-side rendered data from postgres
Create user graphql mutation with password encryption
Get users/user graphql query
Light/dark theme support and switch component
Uses the following technologies:
React
Next.js
MaterialUI
Styled-Components
TypeGraphQL
URQL
ApolloServer(express)
TypeORM
PostgresSQL
Node.js
TypeScript
Server: (You must have a postgreSQL database running and update the DATABASE_URL in server/.env if you wish to add database functionality)
A migration to create the users table can be found in server/src/migrations. To run it, uncomment the following line in server/src/index.ts
await conn.runMigrations()
npm install
npm run build
npm run dev2
├── client
│ └── src
│ ├── components
│ │ ├── elements
│ │ └── modules
│ ├── config
│ ├── generated
│ ├── graphql
│ │ ├── fragments
│ │ ├── mutations
│ │ └── queries
│ ├── hooks
│ ├── pages
│ │ └── api
│ ├── providers
│ ├── public
│ │ ├── fonts
│ │ └── images
│ ├── styles
│ └── util
└── server
├── dist
│ ├── entities
│ ├── middleware
│ ├── resolvers
│ └── utils
└── src
├── entities
├── middleware
├── migrations
├── resolvers
└── utils
Client: Hosted with vercel
Server: Hosted with Heroku using PostgreSQL plugin