๐Ÿ“ฆ fredmaiaarantes / meteor-shadcn-starter

A starter template featuring Meteor 3.0 with TypeScript, React 18, and shadcn/ui components.

โ˜… 5 stars โ‘‚ 1 forks ๐Ÿ‘ 5 watching โš–๏ธ MIT License
๐Ÿ“ฅ Clone https://github.com/fredmaiaarantes/meteor-shadcn-starter.git
HTTPS git clone https://github.com/fredmaiaarantes/meteor-shadcn-starter.git
SSH git clone git@github.com:fredmaiaarantes/meteor-shadcn-starter.git
CLI gh repo clone fredmaiaarantes/meteor-shadcn-starter
Frederico Maia Frederico Maia Remove tech stack section from README 26e2778 11 months ago ๐Ÿ“ History
๐Ÿ“‚ main View all commits โ†’
๐Ÿ“ .meteor
๐Ÿ“ src
๐Ÿ“„ .babelrc
๐Ÿ“„ .gitignore
๐Ÿ“„ components.json
๐Ÿ“„ jsconfig.json
๐Ÿ“„ LICENSE
๐Ÿ“„ package-lock.json
๐Ÿ“„ package.json
๐Ÿ“„ postcss.config.js
๐Ÿ“„ README.md
๐Ÿ“„ tailwind.config.ts
๐Ÿ“„ tsconfig.json
๐Ÿ“„ README.md

๐Ÿš€ Meteor + shadcn/ui Starter

A modern starter template featuring Meteor 3.0 with TypeScript, React 18, and shadcn/ui components. Includes working examples of Meteor methods, publications, and real-time data updates.

๐Ÿ™ This project is based on the excellent work by skeetmtp/meteor3-shadcn, enhanced with additional features and examples.

โœจ Features

  • ๐ŸŽฏ Meteor 3.0 with TypeScript
  • โš›๏ธ React 18
  • ๐ŸŽจ shadcn/ui components
  • ๐Ÿ”„ Real-time data synchronization example
  • ๐Ÿ“ก Meteor methods & publications setup

๐Ÿšฆ Quick Start

  • Clone the repository:
git clone https://github.com/fredmaiaarantes/meteor-shadcn-starter.git
cd meteor-shadcn-starter

  • Install dependencies:
meteor npm install

  • Run the project:
meteor npm run start

Visit http://localhost:3000 to see your app in action!

๐Ÿ’… Adding shadcn/ui Components

This starter comes with some shadcn components pre-configured. To add more components:

# Example: Adding the card component
meteor npx shadcn@latest add card

# Example: Adding the dialog component
meteor npx shadcn@latest add dialog

Then use them in your components:

import { Button } from "@/components/ui/button"

export function MyComponent() {
  return (
    <Button variant="outline">
      Click me!
    </Button>
  )
}

๐Ÿ“ Project Structure

src/
โ”œโ”€โ”€ api/                 # Backend code
โ”‚   โ”œโ”€โ”€ links/          # Example collection with methods
โ”‚   โ””โ”€โ”€ main.ts         # Server entry point
โ”œโ”€โ”€ ui/                 # Frontend code
โ”‚   โ”œโ”€โ”€ components/     # Reusable components
โ”‚   โ”œโ”€โ”€ hooks/          # Custom React hooks
โ”‚   โ””โ”€โ”€ main.tsx        # Client entry point

๐Ÿ”จ Included Examples

  • Links Management: Complete CRUD operations example
  • Real-time link list
  • Add/Remove operations
  • Meteor methods implementation
  • Publications setup
  • Error handling
  • Toast notifications

๐Ÿ“š Documentation Links

๐Ÿค Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

๐Ÿ“ License

MIT License - feel free to use this starter for your own projects!