Loomify

A modern web application built with Next.js, TypeScript, and Tailwind CSS.

Tech Stack

• Framework: Next.js 14 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• Authentication: NextAuth.js
• Database: Supabase with PostgreSQL
• ORM: Prisma
• UI Components: Shadcn/ui
• Deployment: Vercel
• Package Manager: pnpm

Features

• Modern, responsive design
• Type-safe development with TypeScript
• Server-side rendering with Next.js
• Authentication system with Supabase Auth
• Real-time database with Supabase
• Database integration with Prisma
• Beautiful UI components with Shadcn/ui

Getting Started

1. Clone the repository
2. Install dependencies:

pnpm install

3. Set up your environment variables:

cp .env.example .env.local

Fill in the required environment variables in .env.local

4. Run the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the application.

Development

• pnpm dev - Start development server
• pnpm build - Build for production
• pnpm start - Start production server
• pnpm lint - Run ESLint
• pnpm type-check - Run TypeScript type checking

Project Structure

• app/ - Next.js app router pages and layouts
• components/ - Reusable React components
• lib/ - Utility functions and configurations
• prisma/ - Database schema and migrations
• public/ - Static assets

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

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.