https://github.com/georgimy/vite-electron-template

Electron template using Vite, React, Typescript and TailWindCSS. Includes hot reloading
https://github.com/georgimy/vite-electron-template

electron react tailwindcss typescript vite

Last synced: 4 months ago
JSON representation

Electron template using Vite, React, Typescript and TailWindCSS. Includes hot reloading

• Host: GitHub
• URL: https://github.com/georgimy/vite-electron-template
• Owner: GeorgiMY
• Created: 2025-02-10T13:38:23.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-02-11T09:08:03.000Z (4 months ago)
• Last Synced: 2025-02-11T10:23:55.507Z (4 months ago)
• Topics: electron, react, tailwindcss, typescript, vite
• Language: TypeScript
• Homepage:
• Size: 168 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Electron + Vite + React + Typescript + TailWindCSS + ShadCN


This is an **Electron** template using **Vite, React, Typescript, TailWindCSS and ShadCN**. It includes hot reloading, IPC type-safety and general security.

## Project Setup

#### It works on Windows but I haven't tested it on neither Linux nor Mac

1. Clone the repository

1. Run **```npm install```** inside the cloned repository

## For development

1. **Starting the application** - Run **```npm run dev```** - This starts the application as well as a local server on port **```3524```**

1. **Changing the port** - You can change the server port at the **```vite.config.ts```**. After that you need to type the same port in the **```src/electron/util.ts```** folder in the **```validateEventFrame()```** function. You also have to change the port at **```src/electron/main.ts```** in the **```if(isDev())```**. 

## For production

1. To create a production for Windows run **```npm run dist:win```**

1. To create a production for Linux run **```npm run dist:linux```**

1. To create a production for Mac run **```npm run dist:mac```**

**I hope you find this template useful!** If you want to support me you can-

[
!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)
](https://www.buymeacoffee.com/georgimy)