braydenwerner / Wern-Fullstack-Template

React, Next.js, MaterialUI, Styled-Components, TypeGraphQL, URQL, ApolloServer (express), TypeORM, PostgreSQL, Node.js, TypeScript

Home Page:https://wern-fullstack-template.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

phone-rig-image

This repo is inspired by https://github.com/benawad/lireddit


Features Include:

  • 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

Running Locally:

Client:

npm install
npm run dev

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

Folder Structure

├── 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

Hosting:

Client: Hosted with vercel

Server: Hosted with Heroku using PostgreSQL plugin

About

React, Next.js, MaterialUI, Styled-Components, TypeGraphQL, URQL, ApolloServer (express), TypeORM, PostgreSQL, Node.js, TypeScript

https://wern-fullstack-template.vercel.app/

License:MIT License


Languages

Language:TypeScript 93.7%Language:JavaScript 4.7%Language:Shell 0.9%Language:Dockerfile 0.8%