OpsFx is an operations and automation-focused web and community development agency. This website serves as our digital showcase of capabilities and approach.
- Next.js 14 (App Router)
- React with TypeScript
- Tailwind CSS for styling
- Framer Motion for animations
- Firecrawl for competitive research
- Modern, responsive design
- Animated UI components
- Dark mode support
- SEO optimized
- Performance focused
- Modular architecture
- Node.js 18+
- npm or yarn
- Firecrawl API Key (for competitive research features)
- Clone the repository:
git clone https://github.com/yourusername/web_opsfx.git
cd web_opsfx- Install dependencies:
npm install
# or
yarn install- Set up environment variables:
cp .env.example .env.localEdit .env.local and add your Firecrawl API key.
- Start the development server:
npm run dev
# or
yarn devThe site will be available at http://localhost:3000.
src/
├── app/ # App router pages and layouts
├── components/ # Reusable React components
├── lib/ # Utility functions and configurations
├── styles/ # Global styles and Tailwind config
└── types/ # TypeScript type definitions
- Follow TypeScript best practices
- Use Tailwind CSS for styling
- Implement responsive design patterns
- Write clean, documented code
- Follow ESLint rules
npm run dev- Start development servernpm run build- Build production versionnpm run start- Start production servernpm run lint- Run ESLintnpm run test- Run tests (when implemented)
The project is optimized for deployment on Vercel:
- Connect your GitHub repository to Vercel
- Configure environment variables
- Deploy automatically with git push
- Complete service pages
- Implement case studies
- Add contact forms
- Develop community resources section
Inspired by modern, minimalist design principles with a focus on technical elegance.
- Fork the repository
- Create a feature branch
- Commit your changes
- Push to the branch
- Create a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.