New Wave Stack

screenshot of New Wave Stack
react
remix
tailwind

Custom Remix stack using Clerk for authentication and full user management.

Overview:

The New Wave Stack is a development stack that provides a complete user management system through Clerk. It includes various features such as email/password authentication, a document-relational database with Fauna, styling with Tailwind, end-to-end testing with Cypress, unit testing with Jest and Testing Library, code formatting with Prettier, linting with ESLint, and static types with TypeScript. The stack is deployed using Netlify.

Features:

  • Email/Password Authentication with Clerk
  • Document-relational database with Fauna
  • Styling with Tailwind
  • End-to-end testing with Cypress
  • Unit testing with Jest and Testing Library
  • Code formatting with Prettier
  • Linting with ESLint
  • Static Types with TypeScript

Summary:

The New Wave Stack provides a complete development stack for building web applications with a focus on user management. It includes features like email/password authentication, a document-relational database, styling, testing, code formatting, linting, and static types. By following the installation guide, developers can quickly set up their projects and start building their applications with the New Wave Stack.

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

remix
Remix

Remix is a modern JavaScript framework that focuses on building fast and performant web applications. It emphasizes a combination of server-rendered content and client-side interactivity, offering a robust architecture for creating scalable and maintainable projects.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

netlify
Netlify

Netlify is a cloud-based web development platform that provides a range of tools and services to help developers build, deploy, and manage modern web applications. It offers features such as continuous deployment, serverless functions, and CDN hosting, making it an ideal platform for building fast, scalable, and secure websites.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.

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.