Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/12343954/electron-slash-admin

An electron boilerplate base on: `electron-vite-react` + `slash-admin` dashboard (2024)
https://github.com/12343954/electron-slash-admin

admin-dashboard admin-panel antd dashboard electron msw react react-dashboard react-router-v6 tailwindcss vite

Last synced: about 1 month ago
JSON representation

An electron boilerplate base on: `electron-vite-react` + `slash-admin` dashboard (2024)

Host: GitHub
URL: https://github.com/12343954/electron-slash-admin
Owner: 12343954
License: mit
Created: 2024-11-25T09:12:37.000Z (about 1 month ago)
Default Branch: main
Last Pushed: 2024-11-25T12:32:45.000Z (about 1 month ago)
Last Synced: 2024-11-25T13:19:39.208Z (about 1 month ago)
Topics: admin-dashboard, admin-panel, antd, dashboard, electron, msw, react, react-dashboard, react-router-v6, tailwindcss, vite
Language: TypeScript
Homepage: https://github.com/12343954/electron-slash-admin
Size: 15.7 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 5
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        
  

    

      

      

    

    

      

      

    

    

      

      

    

    

      

      

    

    

      

      

    

    

      

      

    

    

      

      

    

    

      

      

    

  




# electron-slash-admin

An electron boilerplate base on:

1. [electron-vite-react](https://github.com/electron-vite/electron-vite-react) 

2. [slash-admin](https://github.com/d3george/slash-admin)






[![awesome-vite](https://awesome.re/mentioned-badge.svg)](https://github.com/vitejs/awesome-vite)

![GitHub stars](https://img.shields.io/github/stars/caoxiemeihao/vite-react-electron?color=fa6470)

![GitHub issues](https://img.shields.io/github/issues/caoxiemeihao/vite-react-electron?color=d8b22d)

![GitHub license](https://img.shields.io/github/license/caoxiemeihao/vite-react-electron)

[![Required Node.JS >= 14.18.0 || >=16.0.0](https://img.shields.io/static/v1?label=node&message=14.18.0%20||%20%3E=16.0.0&logo=node.js&color=3f893e)](https://nodejs.org/about/releases)

English | [简体中文](README.zh-CN.md)

## 👀 Overview

📦 Ready out of the box  

🎯 Based on the official [template-react-ts](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts), project structure will be familiar to you  

🌱 Easily extendable and customizable  

💪 Supports Node.js API in the renderer process  

🔩 Supports C/C++ native addons  

🐞 Debugger configuration included  

🖥 Easy to implement multiple windows  

## ⌨️ Dependencies

```json

"react":              "^18.3.1",

"react-dom":          "^18.3.1",

"react-router-dom":   "^6.16.0",

"electron":           "^33.2.0",

"electron-updater":   "^6.3.9",

"vite":               "^5.4.11",

"msw":                "^2.4.9",

"antd":               "^5.9.3",

"apexcharts":         ">=4.0.0",

```

## 🛫 Quick Setup

```sh

# clone the project

git clone https://github.com/12343954/electron-slash-admin.git

# enter the project directory

cd electron-slash-admin

# install dependency

npm install

# develop

npm run dev

```

## 🐞 Debug

![electron-vite-react-debug.gif](/electron-vite-react-debug.gif)

## 📂 Directory structure

Familiar React application structure, just with `electron` folder on the top :wink:  

*Files in this folder will be separated from your React application and built into `dist-electron`*  

```tree

├── electron                                 Electron-related code

│   ├── main                                 Main-process source code

│   └── preload                              Preload-scripts source code

│

├── release                                  Generated after production build, contains executables

│   └── {version}

│       ├── {os}-{os_arch}                   Contains unpacked application executable

│       └── {app_name}_{version}.{ext}       Installer for the application

│

├── public                                   Static assets

└── src                                      Renderer source code, your React application

```

## 🔧 Additional features

1. electron-updater 👉 [see docs](src/components/update/README.md)

1. playwright

## ❔ FAQ

- [C/C++ addons, Node.js modules - Pre-Bundling](https://github.com/electron-vite/vite-plugin-electron-renderer#dependency-pre-bundling)

- [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies)

## ☕️ Sponsor