Skip to content

apurv-wednesday/next-bulletproof-ts

 
 

Repository files navigation

Next.js TypeScript Template

An enterprise Next.js template application based on bulletproof architecture showcasing - Testing strategies, Global state management, Custom environments, a network layer, component library integration, server response caching, PWA support, localization, Custom App, Custom document, Custom offline fallback, and Continuous integration & deployment.


Expert teams of digital product strategists, developers, and designers.


We’re always looking for people who value their work, so come and join us. We are hiring!

Out of the box support

  • Global state management using redux-toolkit
  • Side Effects using RTK Query
  • API calls using api-sauce
  • Styling using styled-components
  • Reusing components from Ant design
  • Translations using lingui

Global state management using @redux/toolkit

Implementing a Redux middleware using RTK Query

Network requests using apisauce

Styling using styled-components

Using antd as the component library

Localization using lingui

Implementing CI/CD pipelines using Github Actions

  • CI/CD using Github Actions. The CI pipeline has the following phases

    • Checkout
    • Install dependencies
    • Lint
    • Test
    • Build
    • Lighthouse CI

    Take a look at the following files

Testing using @testing-library/react

Development

Start server

  • Development: yarn dev

  • Production: yarn start

Build project (SSG)

  • Production: yarn build

Misc

Aliasing

  • @features -> features/
  • @slices -> store/slices/
  • @store -> store/
  • @common -> common/
  • @themes -> themes/
  • @utils -> utils/
  • @containers -> containers/

Take a look at the following files

Index page

Custom document

Custom app

Custom offline fallback page

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 93.0%
  • JavaScript 3.8%
  • CSS 3.1%
  • Shell 0.1%