Mbrv

screenshot of Mbrv
express
react
vite
styled-components

Hassle-free fullstack TypeScript+Bun+React boilerplate with hot reloads & SSR support

Overview

Murat's Bun template is a powerful tool for developers looking to streamline their TypeScript projects using React and Vite. By leveraging a single bun process, it tackles common issues that arise when running server and client on separate processes. This template not only simplifies development but also enhances performance, making it an appealing choice for anyone looking to improve their workflow.

This template is designed to provide seamless integration between client and server functionalities while maintaining robust development features like hot reloading and server-side rendering. Whether you are building a small application or a larger project, Murat's Bun template promises a more efficient coding experience.

Features

  • Single Port Convenience: Both server and client run on the same process and port, eliminating the hassle of proxies and CORS issues.
  • Hot Reload Support: Enjoy immediate code change feedback with React hot module reloading, enhancing the development experience.
  • Shared Files: Utilize a shared folder for TypeScript interfaces, types, and functions between both client and server, fostering code reusability.
  • Sane Server-Side Rendering: Server-side rendering is explicitly controlled by the developer, preventing confusion often caused by framework magic.
  • Flexible Setup: Installation and running are straightforward, using simple commands like bun i for package installation and bun run dev for development mode.
  • Built for Speed: Built on Bun, this template offers not only a fast development experience but also ease of use without the need for a TypeScript transpiler.
  • Production Ready: Transition seamlessly from development to production with bun run build to compile and bun run prod to serve your application.
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.