PHORM Technology Stack
This page outlines the technology stack, infrastructure, tooling and techniques used in implementing this website.
Frontend Technologies
- Next.js - The React framework
- React - For building UIs through components
- TypeScript - This is the way...
- Chakra UI - Accessible React component library for rapid development
- Framer Motion - Complex animation capabilities for modern UIs
- Emotion - Enables CSS styling within JavaScript/TypeScript
- React Helmet - Handles dynamically updates page metadata and SEO data
- React Icons - Quickly implement vector icons
- Google Maps - Google Maps API for React
- Google Firebase - Firebase API for React
- Zod - Type-safe form validation
Backend Technologies
- Node.js - JavaScript runtime enabling server-side JS execution
Infrastructure Technologies
- Vercel - Provides CDN networking, atomic deployments, & DNS management
- Github - Provides code hosting and version control
Tooling
- ESLint - Identifying and reporting on patterns in JavaScript
- Jest - Testing framework
- Vercel - The command-line interface for Vercel
- Husky - Identifying and reporting on patterns in JavaScript
- Visual Studio Code - A code editor for web development
- Prettier - An opinionated code formatter enforcing consistencies
Methodologies
- Server-side Generation (SSG) - HTML rendered on server for performance, then rendered in browser via javascript
- PWA - Progressive Web App (PWA) for offline support
- Responsive Design - Site adapts smoothly across all device sizes
- Modular Components - Encourages reuse through standalone component building blocks
- Test Driven Development (TDD) - Testing is a key part of the development process
- Git Workflow - Following proven practices like branching, PRs, semantic versioning