Wern Fullstack Template

screenshot of Wern Fullstack Template
react

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

Overview

This repository is inspired by benawad's lireddit and offers several features for a web application. It includes server-side rendering of data from a PostgreSQL database, a user graphql mutation with password encryption, a graphql query to fetch users, and support for a light/dark theme with a switch component. The project utilizes React, Next.js, MaterialUI, Styled-Components, TypeGraphQL, URQL, ApolloServer, Express, TypeORM, PostgreSQL, Node.js, and TypeScript.

Features

  • Server-side rendered data from PostgreSQL: Data from the PostgreSQL database is rendered on the server side.
  • Password-encrypted user graphql mutation: The application includes a mutation to create users with password encryption.
  • User graphql query: A graphql query is available to fetch users.
  • Light/dark theme support: The application supports both light and dark themes, along with a switch component for easy toggling.
  • Technologies used: The project utilizes React, Next.js, MaterialUI, Styled-Components, TypeGraphQL, URQL, ApolloServer, Express, TypeORM, PostgreSQL, Node.js, and TypeScript.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.