This is an example Petflix application built with Next.js, designed to demonstrate QA.tech's seamless integration with Netlify for automated visual testing and quality assurance.
Petflix is a fictional pet video streaming platform that showcases:
- Modern Next.js 15 application architecture
- Responsive UI with Tailwind CSS
- Dynamic routing and state management
- Search and filtering functionality
- Favorites management
This repository serves as a reference implementation for demonstrating how QA.tech can automatically test web applications deployed on Netlify, ensuring visual consistency and functional integrity across deployments.
First, install the dependencies:
npm installThen, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the application.
- Video Browsing: Explore a collection of fictional pet videos
- Search: Find videos by title, description, or channel
- Favorites: Save your favorite videos for later
- Responsive Design: Works seamlessly on desktop and mobile devices
- Modern UI: Built with Tailwind CSS and Lucide icons
This application is configured to work with QA.tech's automated testing platform when deployed to Netlify. QA.tech provides:
- Automated visual regression testing
- Cross-browser compatibility testing
- Deployment preview testing
- AI-powered bug detection
- Framework: Next.js 15 with App Router
- Language: TypeScript
- Styling: Tailwind CSS 4
- Icons: Lucide React
- Deployment: Netlify
src/
├── app/ # Next.js app router pages
├── components/ # Reusable UI components
├── data/ # Mock video data
├── types/ # TypeScript type definitions
└── utils/ # Utility functions
Note: This is a demonstration application with fictional content. All video data and images are for example purposes only.