Hadi Abdallah · Web Development Portfolio — All Projects (17)

BigSale Lebanon

Home Essentials & Decor Online Shop

A Lebanese e-commerce store specializing in home essentials and decor, built with Next.js and fully optimized for the Lebanese market with cash on delivery nationwide. The store integrates Meta Pixel and Conversions API (server-side) for accurate purchase tracking that bypasses iOS restrictions and ad blockers, along with a Facebook & Instagram Product Feed API to keep the catalog automatically synced for dynamic ad campaigns. SEO is baked into the foundation — with a well-structured page title, semantic HTML, fast static page generation, and optimized image delivery — positioning the store strongly in organic search for home decor and essentials queries in Lebanon.

• Next.js
• React
• TypeScript
• Meta Pixel
• Conversions API (CAPI)
• +5
• +3

Dandashi Perfumes

Perfume & Fragrance E-Commerce (Tripoli, Lebanon)

A bilingual (Arabic/English) e-commerce store for Dandashi Perfumes, a Tripoli perfumery founded in 1995 in Al-Tall, opposite the Clock Tower. The shop sells original fragrances from brands like Lattafa, Rasasi, Ajmal and Armaf, along with custom-blended perfumes, watches, eyewear, accessories and cosmetics, with cash-on-delivery across Lebanon. It's built with Next.js and Sanity CMS. Nearly 2,000 statically generated pages are kept fresh by Sanity webhooks, and new pages are pushed to search engines through IndexNow. A direct-checkout drawer stores orders on the server and feeds Meta Pixel and the Conversions API, so ad tracking is accurate, and a Meta product feed keeps catalog ads in sync. Local SEO targets Tripoli and Lebanon with Store and FAQ structured data, plus PWA support.

• Next.js
• React
• TypeScript
• Sanity CMS
• Tailwind CSS
• +8
• +6

Alaa Crepe

Digital Menu & CMS for a Crêpe Shop (Tripoli, Lebanon)

An Arabic-first digital menu with a built-in CMS for Alaa Crepe, a crêpe and sweets shop in Al Tabbaneh, Tripoli, open since 2018. The owner edits dishes, prices, sizes, offers and opening hours from a custom admin panel. Customers browse a mobile-first menu with a sticky section bar and search, and order through WhatsApp. Every dish gets its own page in both Arabic and English, with structured data and FAQs, so individual items can rank in search. It's built with Next.js 15, SQLite and a self-hosted Node server behind Cloudflare, with tag-based edge cache purging. In mobile Lighthouse it scores 97–98 for performance and 100 for accessibility, best practices and SEO.

• Next.js
• React
• TypeScript
• SQLite
• Tailwind CSS
• +6
• +4

Revive WoodWork

Handcrafted Woodwork E-Commerce (Tripoli, Lebanon)

A premium e-commerce website for a handcrafted woodwork workshop based in Deir Ammar, near Tripoli, North Lebanon. The store showcases and sells custom furniture, live-edge tables, trays, boards, and home décor — all crafted from Lebanese olive wood, walnut, cedar, and oak. Built with Next.js and Sanity CMS, the site features a full product catalog with collections, a wishlist system, a custom order flow via WhatsApp, an FAQ section, and nationwide COD delivery across Lebanon. The site is heavily SEO-optimized with a dedicated Lebanese woodwork landing page, location-rich content targeting Tripoli, Beirut, Jbeil, and Jounieh, keyword-structured headings, semantic HTML, fast image delivery via Next.js Image with WebP and Sanity CDN — all designed to dominate local search for custom wood furniture and décor in Lebanon.

• Next.js
• React
• TypeScript
• Sanity CMS
• Tailwind CSS
• +6
• +4

Al Dandashi Restaurant

Digital Menu & CMS (Tripoli, Lebanon)

An Arabic-first digital menu with a built-in CMS for Al Dandashi Restaurant, an offal and charcoal-grill restaurant in Al-Tall, Tripoli. The whole menu sits on the home page, with a sticky category rail and scroll-spy, prices in Lebanese pounds, a map, and one-tap calls and WhatsApp. The owner manages categories, dishes, prices, photos, hours and contact details from a JWT-protected admin panel. Each save refreshes the affected pages and purges the nginx and Cloudflare caches, so changes go live right away. It's built with Next.js 15 and SQLite, with photos on Cloudflare R2 compressed to WebP by sharp. GitHub Actions builds it on Linux and ships only the standalone output to a VPS. LocalBusiness structured data with exact coordinates targets local searches in Tripoli.

• Next.js
• React
• TypeScript
• SQLite
• Tailwind CSS
• +6
• +4

ExSleek

A luxury fashion e-commerce boutique based in Lebanon — curated ready-to-wear, leather goods, footwear and accessories. Built on Next.js with a Sanity.io headless CMS and Tailwind CSS, it scores 99 on mobile and a perfect 100 on desktop for performance.

• Next.js
• Sanity.io
• Tailwind CSS

The Kicks Lane Shop

A contemporary e-commerce platform specializing in fashion accessories, shoes, and bags. Built with Next.js and Sanity.io CMS for flexible content management.

• Next.js
• Sanity.io
• Tailwind CSS

Construction OEM

Paving & Landscaping Website (Montreal, Canada)

A fully bilingual (French/English) business website for a paving and landscaping contractor serving the West Island of Montreal. The site features a multi-step quote request form, a dynamic services catalog organized by category (pavers, hardscaping, softscaping), a project gallery, and service area pages. Built with Next.js and powered by Sanity CMS for easy content management. The site is fully SEO-optimized with semantic HTML structure, locale-aware URLs for both French and English versions, keyword-rich service and location pages targeting Montreal's West Island neighborhoods (Pierrefonds, Dollard-des-Ormeaux, Kirkland, Pointe-Claire, etc.), and optimized image delivery via Next.js Image with WebP format and lazy loading — all working together to maximize local search visibility for a competitive service industry.

• Next.js
• React
• Sanity CMS
• TypeScript
• Tailwind CSS
• +4
• +2

Najib Auto Repair

A modern, high-performance website for an auto repair service in Akkar, North Lebanon. Built with Next.js, TypeScript, and Tailwind CSS.

• Next.js
• TypeScript
• Tailwind CSS

Al-Yaqout Islamic Clothing Store

An e-commerce website for an Islamic clothing store with a modern design, CMS integration, and WhatsApp checkout feature.

• Next.js
• Sanity.io
• Tailwind CSS

The Assets Advisors

An elegant landing page designed for a luxury asset advisory company based in Dubai. Features smooth animations and a sophisticated user interface.

• HTML
• CSS
• JavaScript

G-Lounge LB

A comprehensive gaming lounge reservation web app with multi-level user authentication, real-time queue tracking, and an advanced admin dashboard.

• MongoDB
• Express
• React
• Node.js
• Socket.io
• +2

Tinting Xperts

A window-tinting business site for the Australian market — residential, commercial and automotive — hand-built with vanilla JavaScript, HTML and Tailwind CSS, no framework. It's one of the fastest sites in the world on thefastestweb.site: currently #2 with a perfect 100 speed score and a 0.9s load time.

• HTML
• Tailwind CSS
• Vanilla JS

1Way Plumbing

A modern landing page for a plumbing company in Sydney with a fully integrated CMS. Designed and developed from scratch with React and Sanity.io.

• React
• Sanity.io

Al Dandashi Organization

A mission-driven website for a family NGO with donation integration, event management, and responsive design. Also provided web development training to the staff.

• HTML
• CSS
• JavaScript

CareerSpack

A comprehensive platform for career advancement resources, developed with a focus on accessibility and responsive design.

• HTML
• CSS
• JavaScript

Ahmad Marwan El-Ferri Portfolio

A personal portfolio website for an MEP Engineer, showcasing projects and skills. Built with Next.js and Sanity.io CMS.

• Next.js
• Sanity.io
• Tailwind CSS