Skip to content

GregS89/gregs89.github.io

Repository files navigation

Shadcn-UI Template Usage Instructions

technology stack

This project is built with:

  • Vite
  • TypeScript
  • React
  • shadcn-ui
  • Tailwind CSS

All shadcn/ui components have been downloaded under @/components/ui.

File Structure

  • index.html - HTML entry point
  • vite.config.ts - Vite configuration file
  • tailwind.config.js - Tailwind CSS configuration file
  • package.json - NPM dependencies and scripts
  • src/app.tsx - Root component of the project
  • src/main.tsx - Project entry point
  • src/index.css - Existing CSS configuration

Components

  • All shadcn/ui components are pre-downloaded and available at @/components/ui

Styling

  • Add global styles to src/index.css or create new CSS files as needed
  • Use Tailwind classes for styling components

Development

  • Import components from @/components/ui in your React components
  • Customize the UI by modifying the Tailwind configuration

Note

The @/ path alias points to the src/ directory

Commands

Install Dependencies

pnpm i

Start Preview

pnpm run dev

To build

pnpm run build

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages