G Can Build - Walkthrough Starter Template

Welcome to the G Can Build Walkthrough starter template! This repository serves as the foundation for the YouTube walkthrough series where we explore building and deploying modern web applications. Link to the YT Channel: https://www.youtube.com/@GeorgeLe

🚀 Tech Stack

This project is built with a modern, production-ready tech stack:

• Framework: Next.js 15 with React 19
• API Layer: tRPC for end-to-end typesafe APIs
• Database: NeonDB (Serverless Postgres) with Drizzle ORM
• Authentication: Built-in auth system
• State Management: TanStack Query (React Query) with tRPC integration
• Type Safety: TypeScript
• UI Components:
  • Radix UI primitives
  • Tailwind CSS for styling
  • shadcn/ui component library
  • Various UI utilities (date-fns, recharts, etc.)

🛠️ Getting Started

1. Clone this repository:

git clone <your-repo-url>
cd <repo-name>

2. Install dependencies:

npm install
# or
yarn install
# or
pnpm install

3. Set up your environment variables: Create a .env file in the root directory and add necessary environment variables (refer to .env.example if available)

4. Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

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

📚 Project Structure

• /src - Main source code directory
• /drizzle - Database schema and migrations
• /public - Static assets
• /src/components - Reusable UI components
• /src/app - Next.js app router pages and layouts
• /src/lib - Utility functions and shared logic

🎥 YouTube Walkthroughs

This template is used in the G Can Build YouTube channel walkthroughs. Each walkthrough builds upon this foundation to create various web applications while teaching modern web development concepts.

Follow along with our walkthroughs to learn:

• Full-stack web development
• Modern React patterns and best practices
• Database design and management
• Authentication and authorization
• API development with tRPC
• Deployment and DevOps
• And much more!

📦 Key Features

• Modern React development with Next.js
• Type-safe API layer with tRPC
• Database operations with Drizzle ORM
• Beautiful UI components from shadcn/ui
• Built-in authentication system
• Responsive design with Tailwind CSS
• Development tools configured (ESLint, TypeScript)

🤝 Contributing

Feel free to use this template for your own projects or contribute improvements. Issues and pull requests are welcome!

📝 License

This project is open source and available under the MIT license.

---

Built with ❤️ by G Can Build