Skip to content

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

License

Notifications You must be signed in to change notification settings

braydenwerner/Wern-Fullstack-Template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published