A modern, high-performance web platform built for Albourane, the traditional fishing cooperative based in Oued Laou, Morocco. This website serves as a digital hub for news, insights, and technical tools tailored to the local fishing community.
The primary objective of this project is to provide a premium digital presence for the Albourane cooperative. It focuses on:
- Information Sharing: Delivering real-time updates and news regarding local fishing conditions and cooperative activities.
- Project Showcasing: Featuring specialized tools like the Albourane Ticket Reader used for tractor services.
- Cultural Preservation: Documenting and promoting the traditional fishing heritage of the Oued Laou region.
This project leverages the latest web technologies to ensure speed, SEO, and a premium user experience:
- Core: Nuxt 4/3 (Vue.js Framework)
- Package Manager: Bun (for ultra-fast builds and installs)
- Content Management: Nuxt Content v3 (Git-based CMS for Markdown/MDX)
- Styling: Tailwind CSS with Typography & Forms plugins
- Icons: @nuxt/icon (Iconify eco-system)
- Images: @nuxt/image (Optimized image delivery)
- Theme: @nuxtjs/color-mode (Native Dark/Light mode support)
- Fonts: @nuxt/fonts (Typed and optimized font management)
The project follows a modular Nuxt 3+ architecture:
- Git-based CMS: All blog posts and stories are written in MDX/Markdown inside the
content/directory. - Type-Safety: Entirely written in TypeScript, including configuration and data definitions (using Zod for content schema validation).
- Responsive Design: A mobile-first, fluid layout designed with high-end glassmorphism and smooth transitions.
- MDX Integration: Custom Vue components (like YouTube embeds and Gallery layouts) are directly usable inside blog posts.
- Dynamic Routing: Automatic route generation based on the
content/structure. - SEO Optimized: Pre-configured meta tags, server-side rendering (SSR), and automated sitemap generation.
bun installbun run devbun run buildDedicated to the fishermen of Oued Laou. 🇲🇦 With love from Morocco. Brought to you by Omniversify.