https://github.com/rixrix/t3-storybook-nextjs-shadcn-template
This is an open-source MIT template for building applications using the T3 stack, StorybookJS, and ShadCN UI. It is designed to be fast, simple, and easy to use, especially with the integration of Storybook and ShadCN.
https://github.com/rixrix/t3-storybook-nextjs-shadcn-template
components mit nextjs react shadcn storybook trpc typescript
Last synced: about 2 months ago
JSON representation
This is an open-source MIT template for building applications using the T3 stack, StorybookJS, and ShadCN UI. It is designed to be fast, simple, and easy to use, especially with the integration of Storybook and ShadCN.
- Host: GitHub
- URL: https://github.com/rixrix/t3-storybook-nextjs-shadcn-template
- Owner: rixrix
- License: mit
- Created: 2024-11-11T11:39:16.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-11-11T11:40:58.000Z (5 months ago)
- Last Synced: 2025-01-10T17:31:49.039Z (3 months ago)
- Topics: components, mit, nextjs, react, shadcn, storybook, trpc, typescript
- Language: TypeScript
- Homepage:
- Size: 996 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# T3 Stack Next.js Storybook shadcn/ui Template
This is an open-source MIT template for building applications using the [T3 stack](https://create.t3.gg/), [StorybookJS](https://storybook.js.org/), and [ShadCN UI](https://ui.shadcn.com/). It is designed to be fast, simple, and easy to use, especially with the integration of Storybook and ShadCN.
## Table of Contents
- [Getting Started](#getting-started)
- [Storybook](#storybook)
- [Learn More](#learn-more)
- [Deploy on Vercel](#deploy-on-vercel)
- [Contributing](#contributing)
- [License](#license)
## Getting Started
First, run the development server:
```bash
npm install
npm run dev
```
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying `src/app/page.tsx`. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
## Storybook
To start Storybook, run:
```
npm run storybook
```
Storybook will be available at http://localhost:6006.
## Learn More
To learn more about the technologies used in this template, take a look at the following resources:
- [T3 Stack Documentation](https://create.t3.gg/) - learn about the T3 stack.
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
- [Storybook Documentation](https://storybook.js.org/docs/react/get-started/introduction) - learn about Storybook features and API.
- [ShadCN UI Documentation](https://shadcn.dev/docs) - learn about ShadCN UI components and usage.
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
## Contributing
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
1. Fork the Project
2. Create your Feature Branch `(git checkout -b feature/AmazingFeature)`
3. Commit your Changes `(git commit -m 'Add some AmazingFeature')`
4. Push to the Branch `(git push origin feature/AmazingFeature)`
5. Open a Pull Request
## License
Distributed under the MIT License. See `LICENSE` for more information