Home
Softono

Tauri Nextjs Shadcn Boilerplate

Open source MIT TypeScript
36
Stars
10
Forks
1
Issues
1
Watchers
1 year
Last Commit

 About Tauri Nextjs Shadcn Boilerplate

A modern cross-platform desktop app boilerplate using Tauri, Next.js, Tailwind CSS, Shadcn UI, and Bun with GitHub Actions CI for macOS, Windows, and Linux. Fast, themeable, and production-ready.

Platforms

Web Self-hosted Linux Windows macOS

Languages

TypeScript

Links

Need Help Installing Tauri Nextjs Shadcn Boilerplate?

We provide expert installation service for this software. Our team will install, configure, and secure Tauri Nextjs Shadcn Boilerplate on your server. plans start at just $30.

Tauri Nextjs Shadcn Boilerplate

View on GitHub
image

πŸš€ 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:

  1. Fork the repository to your GitHub account.

  2. Clone the repository to your local machine:

    git clone https://github.com/yourW-username/blink-eye.git
    
  3. Create a new branch for your changes:

    git checkout -b my-branch
    
  4. Make changes to the code.

  5. Commit your changes:

    git commit -m "commit message"
    
  6. Push your changes to the remote repository:

    git push origin my-branch
    
  7. Create a pull request on GitHub.

Application Setup

Prerequisites

  1. Tauri (for building the desktop app)
  2. Rust (for building the desktop app)
  3. Cargo (for package management)
  4. Bun (for package management)

To build and run Blink Eye (Desktop App):

  1. Install JavaScript dependencies:

    bun install
    
  2. Install all Cargo dependencies:

    cargo install --path src-tauri
    
  3. 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