.vitest

.vscode

public

.editorconfig

.eslintrc

.gitignore

.prettierrc

LICENSE.md

README.md

index.html

package.json

pnpm-lock.yaml

postcss.config.mjs

tailwind.config.mjs

tsconfig.json

vite.config.ts

default

React Official Template

Node.js is a JavaScript-based platform for server-side and networking applications.

node:alpine

This is a boilerplate build with Vite, React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier.

React is a JavaScript library for building user interfaces, primarily for web applications, using a component-based architecture. It allows developers to create reusable UI components that manage their own state, making it efficient for dynamic content rendering.

React

Markdown is a lightweight markup language designed for formatting plain text, using simple syntax for elements like headings, lists, and links. It allows for easy conversion to HTML and improves readability in its raw form.

Markdown

YAML (YAML Ain't Markup Language) is a human-readable data serialization format commonly used for configuration files. It uses indentation to represent data structures and supports lists, maps, and scalars.

YAML

JSON, or JavaScript Object Notation, is a lightweight data interchange format that is easy for humans to read and write, and easy for machines to parse and generate. It uses a key-value pair structure and supports various data types such as strings, numbers, arrays, and nested objects.

JSON

HTML stands for Hypertext Markup Language and is used to create the structure of a web page by defining its elements and content using tags.

HTML

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It provides static type-checking for identifying and eliminating errors in code during development.

TypeScript

A short and simple permissive license with conditions only requiring preservation of copyright and license notices. Licensed works, modifications, and larger works may be distributed under different terms and without source code.

MIT License

reactjs vite tailwindcss boilerplate

Creating "simple" solutions and making unique experiences


João Paulo Moraes

Web is a system of interconnected documents and resources accessed through the internet. It relies on protocols like HTTP and HTML to enable communication and display of information.

IVtyZWFjdGpzLXZpdGUtdGFpbHdpbmRjc3MtYm9pbGVycGxhdGVdKGh0dHBzOi8vdXNlci1pbWFnZXMuZ2l0aHVidXNlcmNvbnRlbnQuY29tLzE2MjQzNTMxLzIxNzEzODk3OS1iODU0MzA5Yy00NzQyLTQyNzUtYTcwNS1mOWZlYzUxNTgyMTcuanBnKQoKIyBSZWFjdCBUYWlsd2luZGNzcyBCb2lsZXJwbGF0ZSBidWlsZCB3aXRoIFZpdGUKClRoaXMgaXMgYSBib2lsZXJwbGF0ZSBidWlsZCB3aXRoIFZpdGUsIFJlYWN0IDE4LCBUeXBlU2NyaXB0LCBWaXRlc3QsIFRlc3RpbmcgTGlicmFyeSwgVGFpbHdpbmRDU1MgMywgRXNsaW50IGFuZCBQcmV0dGllci4KCiMjIFdoYXQgaXMgaW5zaWRlPwoKVGhpcyBwcm9qZWN0IHVzZXMgbWFueSB0b29scyBsaWtlOgoKLSBbVml0ZV0oaHR0cHM6Ly92aXRlanMuZGV2KQotIFtSZWFjdEpTXShodHRwczovL3JlYWN0anMub3JnKQotIFtUeXBlU2NyaXB0XShodHRwczovL3d3dy50eXBlc2NyaXB0bGFuZy5vcmcpCi0gW1ZpdGVzdF0oaHR0cHM6Ly92aXRlc3QuZGV2KQotIFtUZXN0aW5nIExpYnJhcnldKGh0dHBzOi8vdGVzdGluZy1saWJyYXJ5LmNvbSkKLSBbVGFpbHdpbmRjc3NdKGh0dHBzOi8vdGFpbHdpbmRjc3MuY29tKQotIFtFc2xpbnRdKGh0dHBzOi8vZXNsaW50Lm9yZykKLSBbUHJldHRpZXJdKGh0dHBzOi8vcHJldHRpZXIuaW8pCgojIyBHZXR0aW5nIFN0YXJ0ZWQKCiMjIyBJbnN0YWxsCgpDcmVhdGUgdGhlIHByb2plY3QuCgpgYGBiYXNoCnBucG0gZGx4IGRlZ2l0IGpvYW9wYXVsb21vcmFlcy9yZWFjdGpzLXZpdGUtdGFpbHdpbmRjc3MtYm9pbGVycGxhdGUgbXktYXBwCmBgYAoKQWNjZXNzIHRoZSBwcm9qZWN0IGRpcmVjdG9yeS4KCmBgYGJhc2gKY2QgbXktYXBwCmBgYAoKSW5zdGFsbCBkZXBlbmRlbmNpZXMuCgpgYGBiYXNoCnBucG0gaW5zdGFsbApgYGAKClNlcnZlIHdpdGggaG90IHJlbG9hZCBhdCA8aHR0cDovL2xvY2FsaG9zdDo1MTczPi4KCmBgYGJhc2gKcG5wbSBydW4gZGV2CmBgYAoKIyMjIExpbnQKCmBgYGJhc2gKcG5wbSBydW4gbGludApgYGAKCiMjIyBUeXBlY2hlY2sKCmBgYGJhc2gKcG5wbSBydW4gdHlwZWNoZWNrCmBgYAoKIyMjIEJ1aWxkCgpgYGBiYXNoCnBucG0gcnVuIGJ1aWxkCmBgYAoKIyMjIFRlc3QKCmBgYGJhc2gKcG5wbSBydW4gdGVzdApgYGAKClZpZXcgYW5kIGludGVyYWN0IHdpdGggeW91ciB0ZXN0cyB2aWEgVUkuCgpgYGBiYXNoCnBucG0gcnVuIHRlc3Q6dWkKYGBgCgojIyBMaWNlbnNlCgpUaGlzIHByb2plY3QgaXMgbGljZW5zZWQgdW5kZXIgdGhlIE1JVCBMaWNlbnNlLgo=

Tailwind CSS is a utility-first CSS framework that allows developers to create custom designs rapidly by using pre-defined classes directly in the HTML markup. It promotes a more efficient workflow by minimizing the need for writing custom CSS while enabling highly customizable UI components.

Tailwind

Prettier is an opinionated code formatter that automatically formats your code for consistency and readability. It supports various languages and integrates seamlessly with many editors and build systems.

Prettier

ESLint is a linting utility for JavaScript and TypeScript that analyzes code to identify and fix potential problems and enforce coding standards. It allows for customizable rules and integrates easily with various development environments.

ESLint

Vitest is a fast and lightweight testing framework designed for Vite projects, offering a simple and intuitive API for writing tests. It supports features like snapshot testing, mocking, and integrated code coverage out of the box, making it ideal for modern JavaScript applications.

reactjs vite tailwindcss boilerplate

Kickstart your app with a blazing fast stack, modern tools, and styled finesse!

Code

Readme.md