webkom-cowebkom-co
184

Airframe Next

screenshot of Airframe Next
express
nextjs
react
bootstrap
scss

Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16 + Next.js: http://airframe.nextjs.webkom.co

Github

Overview:

Airframe Next is a high-quality dashboard template that can be used for building admin and analytics applications. It is designed to work well on any device, including smartphones, tablets, and desktops. The template is available as open source under the MIT license and offers multiple versions for different frameworks such as jQuery, React, Angular, and Vue.

Features:

  • Minimalist design with innovative Light UI
  • Perfectly designed for large-scale applications
  • Detailed step-by-step documentation
  • Server Side Rendering support (NextJs)
  • Customized Reactstrap for Bootstrap support

Development:

  • To start the development environment, type npm run dev in the console. This will start a development server with hot reloading enabled.

Production:

  • Option 1: Use the included shell script (Unix-based systems):
    • Run ./build-dist.sh from the terminal to have a ready-to-deploy package in the /dist directory.
  • Option 2: Manual package preparation:
    • Run npm run build to build the package.
    • Copy the contents to the target machine.
    • Copy the following files: next, static, package.json, and .npmrc.
    • Run npm install on the server where you copied the files.
    • Start the app by running npm start.

Build Customization:

  • You can add additional build features by adding Next plugins and configuring them inside the next.config.js file.

Summary:

Airframe Next is a high-quality dashboard template that provides a minimalist design and innovative Light UI for building powerful applications. It offers compatibility with various frameworks and provides detailed documentation for easy customization and implementation. The installation process is straightforward, requiring NodeJs and a few simple commands. Overall, Airframe Next is a versatile and user-friendly option for creating admin and analytics applications.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

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

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.

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.

recharts
Recharts

Recharts is a powerful and easy-to-use React library for building customizable and interactive charts. Built on D3.js, it offers a wide range of pre-built chart types, such as line, bar, pie, and scatter charts, all of which can be composed with a declarative syntax.