Skip to content

nevestuan/antd-dashboard-app

Repository files navigation

antd-dashboard-app

This project was generated with superplate.

This project is live on: https://antd-dashboard-app.vercel.app/

Outstanding Features:

  • Scalable project structure
  • Authentication via Firebase
  • Login page displays a random background photo via Unsplash

Getting Started

superplate is a Next.js all-in-one project generator. Create your project with the tools you need without spending hours on setting them up.

Available Scripts

Running the development server.

    yarn dev

Building for production.

    yarn build

Running the production server.

    yarn start

Learn More

To learn more about superplate, please check out the Documentation.

Ant Design

A design system for enterprise-level products. Create an efficient and enjoyable work experience.

Go To Documentation

Styled Components

Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components.

Go To Documentation

Styled System

Styled System is a collection of utility functions that add style props to your React components and allows you to control styles based on a global theme object with typographic scales, colors, and layout properties.

Go To Documentation

Axios

Promise based HTTP client for the browser and node.js.

Go To Documentation

SVGR

Transform SVGs into React components.

Go To Documentation

Environment Variables

Use environment variables in your next.js project for server side, client or both.

Go To Documentation

Bundle Analyzer

Use webpack-bundle-analyzer in your Next.js project. Visualize size of webpack output files with an interactive zoomable treemap.

Go To Documentation

React Query

Hooks for fetching, caching and updating asynchronous data in React.

Go To Documentation

React Redux

Redux helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test.

Go To Documentation

ESLint

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

Go To Documentation

Prettier

An opinionated code formatter; Supports many languages; Integrates with most editors.

Go To Documentation

lint-staged

The concept of lint-staged is to run configured linter (or other) tasks on files that are staged in git.

Go To Documentation

Testing Library

The React Testing Library is a very light-weight solution for testing React components. It provides light utility functions on top of react-dom and react-dom/test-utils.

Go To Documentation

Cypress

Fast, easy and reliable testing for anything that runs in a browser.

Go To Documentation

Docker

Docker simplifies and accelerates your workflow, while giving developers the freedom to innovate with their choice of tools, application stacks, and deployment environments for each project.

Go To Documentation

Github Actions

GitHub Actions makes it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub.

Go To Documentation

License

MIT