https://github.com/iliasderos/r2template
Template for SPA using React, Tailwind & Typescript - https://rttemplate.vercel.app/
https://github.com/iliasderos/r2template
parcel react spa tailwindcss template typescript
Last synced: 29 days ago
JSON representation
Template for SPA using React, Tailwind & Typescript - https://rttemplate.vercel.app/
- Host: GitHub
- URL: https://github.com/iliasderos/r2template
- Owner: IliasDeros
- License: mit
- Created: 2022-08-15T20:05:39.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-15T21:32:58.000Z (almost 4 years ago)
- Last Synced: 2025-06-19T22:07:50.600Z (12 months ago)
- Topics: parcel, react, spa, tailwindcss, template, typescript
- Language: TypeScript
- Homepage:
- Size: 41 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React + Tailwind + Typescript
Boilerplate code for a [React](https://reactjs.org/) + [Tailwind](https://tailwindcss.com/) + [Typescript](https://www.typescriptlang.org/) Front-End application. Additional features include:
- [x] [Parcel] dev server
- [x] [Continuous Delivery](./.github/workflows/deploy.yml)
[](https://rttemplate.vercel.app/)
## Getting Started
This application uses [Parcel].
Use this command to install dependencies and start a live-reload server:
```
yarn && yarn start
```
Visit your app at http://127.0.0.1:1234/
[parcel]: https://parceljs.org/
## Folder Structure
This Front-End application groups code by feature.
It is inspired by the [Vertical Slice Architecture].
```
src/
core/ // Business logic global to the entire app
shared/ // No business logic
Feature/
components/ // UI elements
Feature.tsx
modules/ // Logic that doesn't impact the UI
constant.ts // Put magic values here
utils.ts // Extract functions here
```
[vertical slice architecture]: https://www.youtube.com/watch?v=cVVMbuKmNes
## Deploying
See [DEPLOYING.md](./DEPLOYING.md) for instructions on how to enable automatic deployments to [vercel]
[vercel]: https://vercel.com/