Qasir Boilerplate

Qasir's Frontend Framework has been designed to provide you the lifecycle of developing the front-end apps.
Report bug · Request feature

Table of contents

• Table of contents
• Getting Started
• Main Features

Getting Started

1. Download code and change name directory root:

   npm init next-app project-name --example "https://github.com/qasir-id/qiblat/tree/master"
   

   yarn create next-app project-name --example "https://github.com/qasir-id/qiblat/tree/master"
   

2. Install package modules app

   npm install
   # or
   yarn

3. Run the development server

   npm run dev
   # or
   yarn dev

   Open http://localhost:3000 with your browser to see the result.

   You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

4. Build production app

   npm run build
   npm run start
   # or
   yarn build
   yarn start

Main Features

This is a feature that is ready in it:

• Custome Server with Express.js
• Qasir UI include
• Material UI include
• Unit testing with Jest
• Redux + Redux Thunk ready
• Layout management
• Stylesheet management (override, global)
• Analyze bundles app
• Error page (404, 500) & login page include
• Environment variables
• Absolute import
• Metadata management
• Assets management (images, fonts etc)
• Loading pre-rendering
• Folder management (structure files app)
• Components management
• API management
• Library management
• Debugger config
• PWA supported
• Custom folder build & build ID include