Software Engineering & Consulting
We specialize in crafting high-performance web applications that scale with your business. From concept to deployment, we deliver solutions that drive results.
- Database: Neon
- Framework: Next.js 16.1.6 with Turbopack
- React: 19.2.0 (with View Transitions, useEffectEvent)
- TypeScript: 5.9.3
- Styling: Tailwind CSS 4.1.9
- UI Components: shadcn/ui
- Icons: Lucide React & react-icons
- Fonts: Inter (sans-serif) & JetBrains Mono (monospace)
- Theme: next-themes (dark/light mode)
- Package Manager: pnpm
- Code Quality: ESLint 9 + Prettier
-
Install dependencies:
pnpm install
-
Run development server:
pnpm dev
-
Build for production:
pnpm build
This project is configured with shadcn/ui for modern, accessible components.
npx shadcn@latest add [component-name]# Essential components
npx shadcn@latest add button
npx shadcn@latest add input
npx shadcn@latest add card
npx shadcn@latest add dialog
# Navigation
npx shadcn@latest add navigation-menu
npx shadcn@latest add dropdown-menu
# Forms
npx shadcn@latest add form
npx shadcn@latest add select
npx shadcn@latest add checkbox
# Data display
npx shadcn@latest add table
npx shadcn@latest add badge
npx shadcn@latest add avatarVisit ui.shadcn.com to see all available components.
├── app/ # Next.js App Router
│ ├── globals.css # Global styles & CSS variables
│ ├── layout.tsx # Root layout with fonts
│ └── page.tsx # Home page
├── components/ # React components
│ └── ui/ # shadcn/ui components
├── lib/ # Utility functions
│ └── utils.ts # cn() helper for Tailwind
└── components.json # shadcn/ui configuration
- Linting:
pnpm lint(ESLint 9 with flat config) - Auto-fix:
pnpm lint:fix - Format code:
pnpm format(Prettier) - Check formatting:
pnpm format:check - Type checking: Built into Next.js dev server
- Hot reload: Automatic in development mode with Turbopack
This project uses Prettier with the following configuration:
- No semicolons
- Single quotes
- 80 character line width
- 2 space indentation
Run pnpm format before committing to ensure consistent code style.
Deploy easily to Vercel, Netlify, or any platform that supports Next.js. This site uses Static Site Generation (SSG) for optimal performance.
- All pages are pre-rendered at build time
- Optimized with Turbopack for fast builds
- No server-side rendering required
After downloading the desktop app, macOS may block it from opening because it's not notarized. To fix this, run:
xattr -cr /Applications/Layerbase.app- Email: bob@bbass.co
- Phone: (716) 983-2079
- Location: Austin, TX & Remote
- GitHub: @robertjbass
- Website: bbass.co
© 2025 Layerbase, LLC. All rights reserved.
For detailed project documentation for AI assistants, see CLAUDE.md.