react-shadcn-starter

KO | EN

gitlite — search

#react #ai #typescript #go #deep-learning #docker #nodejs #windows #awesome #cli #awesome-list #security #ios #openai

react-shadcn-starter

(★ 82)

React + vite template for building apps with shadcn/ui.

파일 탐색기

최종 버전 다운로드 (.zip)

- - build-and-deploy.yml
- - shadcn.jpg
- favicon.svg
- - app-footer.tsx
  - app-header.tsx
  - app-layout.tsx
  - app-logo.tsx
  - app-sidebar.tsx
  - mode-toggle.tsx
  - page-header.tsx
- - app.ts
  - menu.ts
- - ThemeContext.tsx
- - use-mobile.ts
- - utils.ts
- - ComingSoon.tsx
  - Dashboard.tsx
  - NotMatch.tsx
  - Sample.tsx
- App.tsx
- index.css
- main.tsx
- Router.tsx
- vite-env.d.ts
.env.example
.gitignore
components.json
eslint.config.js
index.html
LICENSE
package-lock.json
package.json
README.md
tsconfig.app.json
tsconfig.json
tsconfig.node.json
vite.config.ts

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# React Shadcn Starter

React + Vite + TypeScript template for building apps with shadcn/ui.

## Getting Started

```bash
npx degit hayyi2/react-shadcn-starter my-project
cd my-project
npm install
npm run dev
```

## Getting Done

- [x] Single page app with navigation and responsif layout
- [x] Customable configuration `/config`
- [x] Simple starting page/feature `/pages`
- [x] Github action deploy github pages

## Deploy `gh-pages`

- change `basenameProd` in `/vite.config.ts`
- create deploy key `GITHUB_TOKEN` in github `/settings/keys`
- commit and push changes code
- setup gihub pages to branch `gh-pages`
- run action `Build & Deploy`

### Auto Deploy

- change file `.github/workflows/build-and-deploy.yml`
- Comment on `workflow_dispatch`
- Uncomment on `push`

```yaml
# on:
#   workflow_dispatch:
on:
  push:
    branches: ["main"]
```

## Features

- React + Vite + TypeScript
- Tailwind CSS
- [shadcn-ui](https://github.com/shadcn-ui/ui/)
- [react-router-dom](https://www.npmjs.com/package/react-router-dom)

## Project Structure

```md
react-shadcn-starter/
├── public/            # Public assets
├── src/               # Application source code
│   ├── components/    # React components
│   ├── context/       # contexts components
│   ├── config/        # Config data
│   ├── hook/          # Custom hooks
│   ├── lib/           # Utility functions
│   ├── pages/         # pages/features components
│   ├── App.tsx        # Application entry point
│   ├── index.css      # Main css and tailwind configuration
│   ├── main.tsx       # Main rendering file
│   └── Router.tsx     # Routes component
├── index.html         # HTML entry point
├── tsconfig.json      # TypeScript configuration
└── vite.config.ts     # Vite configuration
```

## License

This project is licensed under the MIT License. See the [LICENSE](https://github.com/hayyi2/react-shadcn-starter/blob/main/LICENSE) file for details.

react-shadcn-starter

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-shadcn-starter

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README