π Tauri + Next.js + Tailwind + Shadcn + Bun Boilerplate
Cross-platform desktop app boilerplate built using:
- π¦ Tauri for native desktop power (macOS, Windows, Linux)
- β‘ Next.js as the frontend framework
- π¨ Tailwind CSS for styling
- β¨ Shadcn UI for beautiful, themeable components
- β‘οΈ Bun for ultra-fast tooling
- π§ͺ GitHub Actions for CI/CD on macOS, Windows, and Linux
π§ Tech Stack
| Layer | Tech |
|---|---|
| Runtime | Tauri |
| Frontend | Next.js |
| Styling | Tailwind CSS |
| Components | Shadcn UI |
| Tooling | Bun |
| CI/CD | GitHub Actions (macOS, Windows, Linux) |
| Language | TypeScript + Rust |
Contribution Guide
Contributions are welcome! Feel free to open issues or submit pull requests.
Contributions for improving the dashboard, enhancing customizability, and adding new languages for multilingual support are particularly appreciated.
How to Contribute:
-
Fork the repository to your GitHub account.
-
Clone the repository to your local machine:
git clone https://github.com/yourW-username/blink-eye.git -
Create a new branch for your changes:
git checkout -b my-branch -
Make changes to the code.
-
Commit your changes:
git commit -m "commit message" -
Push your changes to the remote repository:
git push origin my-branch -
Create a pull request on GitHub.
Application Setup
Prerequisites
- Tauri (for building the desktop app)
- Rust (for building the desktop app)
- Cargo (for package management)
- Bun (for package management)
To build and run Blink Eye (Desktop App):
-
Install JavaScript dependencies:
bun install -
Install all Cargo dependencies:
cargo install --path src-tauri -
Run the app in development mode:
bun run tauri dev
π Project Structure
.
βββ app/ # Next.js app directory
βββ src-tauri/ # Tauri (Rust) backend
βββ components/ # UI components (shadcn)
βββ public/ # Static assets
βββ styles/ # Tailwind CSS
βββ .github/workflows/ # Cross-platform CI setup
π§ͺ GitHub Actions CI/CD
This repo includes a GitHub Actions workflow to build and test on:
- π macOS
- πͺ Windows
- π§ Linux
Builds are triggered on every push and PR. You can view the workflow file at:
.github/workflows/tauri.yml
You can customize this to add release signing, binary packaging, or auto-publish.
π Theming
This boilerplate uses shadcn/ui and supports:
- Light/dark theme toggle via
ModeToggle - Tailwind + Radix for accessible, themeable components
- Uses utility classes like
bg-background,text-foreground, etc.
π§ Learn More
π¦ Build for Production
To build the Tauri app:
bun run tauri build
Or with npm:
npm run tauri build
To run in release mode:
bun run tauri dev
π€ Contributing
PRs are welcome! Feel free to open issues or suggest improvements.
π License
MIT Β© nomandhoni-cs