stacks/redline
publicClone
Push over the same URL. A password will not work: create a token under access tokens and use it in place of one.
Redline Marketing Agency.
- .github
- .vscode
- cypress
- locales
- public
- src
- test
- .dockerignore 18 B
- .editorconfig 147 B
- .env.example 2.5 KB
- .gitignore 173 B
- bun.lock 322.3 KB
- bunfig.toml 53 B
- CLAUDE.md 1.0 KB
- cloud.config.ts 11.0 KB
- cypress.config.ts 350 B
- deps.yaml 32 B
- Dockerfile 406 B
- index.html 1.9 KB
- LICENSE 1.0 KB
- netlify.toml 256 B
- package.json 4.7 KB
- README.md 5.9 KB
- tsconfig.json 904 B
- uno.config.ts 2.8 KB
- vite.config.ts 4.3 KB
Redline Marketing Website
Fuel your growth with high-performance marketing
Built for local businesses and e-commerce brands
About Redline Marketing
Redline Marketing is a growth-focused marketing agency that specializes in helping local businesses and emerging e-commerce brands break through the noise and drive real, measurable growth. We're not just another agency throwing around buzzwords and promising overnight success – we're a results-focused team that treats your business like our own.
What We Do
- Google Ads & Paid Media - Reach high-intent customers with campaigns that convert
- Social Media Marketing - From organic growth to paid strategies across all platforms
- SEO & Local SEO - Get found where it matters, in search results and in your neighborhood
- Website Strategy & CRO - Build websites that drive results and conversions
- Email Marketing & Retention - Turn one-time buyers into loyal customers
- Marketing Automation - Scale your marketing efforts with smart automation
- Web Development - Build powerful web applications and digital experiences
- Brand Strategy & Design - Create compelling brand identities that resonate
- Google My Business & Yelp Management - Dominate local search results
Our Approach
We start with understanding your business, goals, and current challenges through comprehensive analysis. Then we create a tailored marketing strategy designed specifically for your business, execute it with precision, and continuously monitor performance to make data-driven optimizations.
Technology Stack
This website is built using modern web technologies to ensure fast performance, great developer experience, and maintainability.
Core Technologies
- Vue 3 - Progressive JavaScript framework with Composition API
- TypeScript - Type-safe JavaScript development
- Vite - Lightning-fast build tool and development server
- UnoCSS - Instant on-demand atomic CSS engine for styling
- Pinia - Intuitive state management for Vue
Key Features
- ⚡️ Fast Development - Hot module replacement and instant builds
- 🗂️ File-based Routing - Automatic route generation from file structure
- 📦 Component Auto-importing - Components are automatically imported
- 🎨 Modern Styling - UnoCSS for utility-first CSS with dark mode support
- 🌍 Internationalization - Multi-language support with Vue I18n
- 📱 PWA Ready - Progressive Web App capabilities
- 🖨️ Static Site Generation - Fast, SEO-friendly static site generation
- 🔍 SEO Optimized - Built-in SEO features and meta tag management
Development Tools
- ESLint - Code linting and formatting
- Vitest - Unit testing framework
- Cypress - End-to-end testing
- pnpm - Fast, efficient package manager
- Git Hooks - Automated code quality checks
Getting Started
Prerequisites
Before you begin, make sure you have the following installed:
- Node.js (version 16 or higher)
- pnpm (recommended) or npm
Installation
- Clone the repository
git clone <repository-url>
cd redline- Install dependencies
pnpm install
# or if you prefer npm
npm install- Start the development server
pnpm dev
# or
npm run dev- Open your browser
Visit <http://localhost:3333> to see the website in action.
Available Scripts
pnpm dev- Start the development serverpnpm build- Build the website for productionpnpm preview- Preview the production build locallypnpm lint- Run ESLint to check code qualitypnpm test- Run unit testspnpm test:e2e- Run end-to-end tests with Cypress
Project Structure
src/
├── components/ # Reusable Vue components
├── layouts/ # Page layouts
├── pages/ # File-based routing pages
├── stores/ # Pinia state management
├── styles/ # Global styles and CSS
├── locales/ # Internationalization files
└── main.ts # Application entry pointBuilding for Production
To create a production build:
pnpm buildThe built files will be in the dist/ directory, ready to be deployed to any static hosting service.
Deployment
Netlify (Recommended)
This website is optimized for deployment on Netlify with zero configuration:
- Connect your GitHub repository to Netlify
- Set the build command to
pnpm build - Set the publish directory to
dist - Deploy!
The website includes:
- Automatic builds on git push
- Form handling capabilities
- Redirect rules for SEO
- Headers for security and performance
Other Hosting Options
The built website is a static site that can be deployed to any hosting service:
- Vercel - Excellent for Vue.js applications
- GitHub Pages - Free hosting for open source projects
- AWS S3 + CloudFront - Scalable and cost-effective
- Firebase Hosting - Google's hosting platform
Docker Deployment
A Dockerfile is included for containerized deployment:
# Build the Docker image
docker build -t redline-website .
# Run the container
docker run -p 80:80 redline-websiteContributing
We welcome contributions! Please follow these steps:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
Contact & Support
- Website: Visit our website
- Email: Contact us
- Phone: Call us for immediate assistance
License
This project is licensed under the MIT License - see the LICENSE file for details.