https://github.com/edixonalberto/template-react
Plantilla para crear aplicaciones web usando Vite, React + TypeScript y Sass
https://github.com/edixonalberto/template-react
react react-router-v6 sass template typescript vite
Last synced: 4 months ago
JSON representation
Plantilla para crear aplicaciones web usando Vite, React + TypeScript y Sass
- Host: GitHub
- URL: https://github.com/edixonalberto/template-react
- Owner: EdixonAlberto
- Created: 2023-02-20T21:16:41.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-05-11T22:53:43.000Z (about 1 year ago)
- Last Synced: 2025-07-18T02:20:04.465Z (about 1 year ago)
- Topics: react, react-router-v6, sass, template, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 78.1 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Template React
Plantilla para crear aplicaciones web usando Vite, React + TypeScript y Sass
## Inicio
Instalar las depedencias usando `pnpm` y luego ejecutar el proyecto en modo desarrollo con el comando `dev`
```sh
corepack enable
pnpm install
pnpm dev
```
## Variables de Entorno
Copiar la [plantilla](./.env.template) con las variables de entorno en la raíz del proyecto y documentar el tipado en el
archivo [env.d.ts](./src/@types/env.d.ts)
```sh
cp .env.template .env
```
## Vistas por Defecto
- `Auth`: Componente de react que valida si el usuarios ha iniciado sesion, ademas de verificar el nivel de acceso a la
pagina por medio del rol (si lo posee).
- `Login`: Vista para que el usuario inicie sesion.
- `Home`: Vista principal.
- `NotFound`: Vista mostrada cuando no se encuentra la página solicitada.
## Lista de Comandos
```sh
# Ejecutar en modo desarrollo
pnpm dev
# Compilar app a producción
pnpm build
# Ejecutar en modo producción
pnpm preview
# Ejecutar el linter
pnpm lint
# Formatear todo el código usando prettier
pnpm format
```
## Tecnologías Utilizadas
- Vite v4
- React v18
- React-Router v6
- Sass v1.58
- TypeScript v4.9
## Licencia
[MIT](https://github.com/EdixonAlberto/template-react/blob/main/LICENSE) © Edixon Piña