☁️ Deploy your own
✨ Features
- Homepage Sections: Hero with video testimonials, services overview, real client stories, FAQ, and latest insights from a WordPress blog.
- Blog Integration: Dynamic article pages fetched from WordPress API, with related articles, categories, and SEO optimization.
- Responsive Design: Mobile-first approach using Tailwind CSS and Shadcn UI for a clean, accessible interface across all devices.
- Evaluation Dialog: Interactive form for free case evaluations, with sticky CTA on mobile.
- SEO Optimized: Server-side rendering (SSR) with prerendered routes, meta tags, and Open Graph images.
- Performance Focused: Stale-while-revalidate caching for blog posts, lazy loading images, and optimized builds for Netlify deployment.
- Accessibility: Keyboard navigation, ARIA labels, and semantic HTML for usability.
- Modern UI/UX: Built with Vue 3, Tailwind CSS, Shadcn UI, and Lucide icons for a professional, user-friendly experience.
🛠️ Tech Stack
- Nuxt.js: Vue framework for building performant full-stack applications.
- Vue 3: Progressive JavaScript framework with Composition API.
- TypeScript: Typed JavaScript for better development experience.
- Shadcn Vue: Re-usable components built using Radix Vue and Tailwind.
- Tailwind: Utility-first CSS framework for rapid UI development.
🚀 Getting Started
Clone the repo, install deps, and boot the dev server:
git clone https://github.com/AppAid/appaid-website.git
cd appaid-website
bun install
bun run devOpen http://localhost:3000 to view the app.
📦 Build for Production
bun run build
bun start🤝🏻 Contributing
Contributions are always welcome, whether you’re fixing bugs, improving docs, or shipping new features that make the project better for everyone.
Check out Contributing.md to learn how to get started and follow the recommended workflow.
⚖️ License
This project is released under the MIT License, giving you the freedom to use, modify, and distribute the code with minimal restrictions.
For the full legal text, see the MIT file.