Documentation

W3CRM - React Nextjs Admin Dashboard Template

W3CRM

React Nextjs Admin Dashboard Template

W3CRM is a popular open source WebApp template for admin dashboards template and admin panels. It utilizes all of the bootstrap components in design and re-styles many commonly used plugins to create a consistent design that can be used as a user interface for backend applications.

Thank you for purchasing this Vite template.

If you like this template, Please support us by rating this template with 5 stars

Installation -

1.- Install npm

It will create 'node_module' folder in this all dependency files will be install with this command. npm install

npm install

2.- Run Project

With is command file will be compiled and it will be loaded on local server `http://localhost:3000`. npm run dev

npm run dev

3.- Deploying your site

For More details Click here

4.- Further help

You can learn more in the NextJs Documentation To learn Next.

Sass Compile -

1.- Install Sass

Sass is an NPM package that compiles Sass to CSS (which it does very quickly too). To install Sass run the following command in your terminal: npm add -D sass 

npm add -D sass

2.- Write Sass Command

Everything is ready to write a small script in order to compile Sass. Open the package.json file in a code editor. You will see something like this:

In the scripts section add an scss command

"scripts": {
   "sass": "sass --watch src/assets/scss/main.scss src/assets/css/style.css"
},

3.- Run the Script

To execute our one-line script, we need to run the following command in the terminal: npm run sass

npm run sass

Folder Directories -

  • public
  • src
    • app
      • dashboard
        • page.jsx
      • page-route
        • page.jsx
      • ...
        • page.jsx
      • layout.jsx
      • page.js
    • components
      • dashboard
      • bootstrap
      • ...
    • assets
      • css
      • icons
      • images
      • scss
        • abstracts
        • base
        • components
          • app
          • charts
          • forms
          • ico
          • map
          • tables
          • uc
          • ui
          • widget
        • layout
          • footer
          • header
          • rtl
          • sidebar
          • theme
          • typography
          • version-dark
          • version-transparent
        • pages
        • main.scss
    • context
      • ThemeContext.js
    • layouts
      • Header.jsx
      • Footer.jsx
      • Sidebar.jsx
      • NavHader.jsx
      • ...
  • jsconfig.json
  • next.config.mjs
  • package-lock.json
  • package.json

Credits -

Project Main Features -

  • Nextjs
  • Built in SASS
  • Node v20.10.0
  • Fully Responsive
  • Ready to used widget
  • Detailed Documentation
  • Attractive Calendar
  • Invoice
  • User Profile
  • Timeline
  • CkEditor
  • Form Examples
  • Many Charts Options
  • Form Validation
  • Input Slider
  • Bootstrap
  • Advanced Form Elements
  • Form Wizard
  • Social
  • Datatable
  • Table Sorting
  • React Table
  • Date Picker
  • Sweetalert
  • Toaster
  • Light Gallery
  • Scroll
  • Chatbox
  • Router

Create a Page

export default function MyPage() {
  return(
   <h1>Hello!</h1>
  ) 
}

Our Products -

Samar | Creative Agency React NextJs Template

Lezato : React Redux Restaurant Admin Template

Boltz - React Crypto Admin and Dashboard Template

Job Board - Job Board React Template

Kripton - React Redux Crypto Admin Dashboard

MOPHY - Payment React Redux Admin Dashboard

Karciz - React Redux Ticketing Admin Dashboard

KingArchitect | Property Portfolio & Real Estate React Template - No JQuery

Industry - Factory & Industrial React Template

Umang Academy : Kindergarten, Kids Play School React Template

Uena - React Saas Admin Dashboard Template

MetroAdmin - Bootstrap, Laravel & React Admin Dashboard

Do You Need Help To Customization

After Purchase A Template...

You Will Start Customizing According Your Requirement
BUT What If You Don't Know

SOLUTION IS HIRE DexignZone

Hire Same Team For Quality Customization

  • We Will Customize Template According To Your Requirement
  • We Will Upload On Server And Make Sure Your Website is Live
rahulxarma dexignzones@gmail.com

Version History -

v1.0 - 25 November 2024
  • New - Created & Upload Next W3CRM