The latest articles on DEV Community by Mahdi (@mahdi_design). https://dev.to/mahdi_design https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3985469%2F29d9bf09-fe1a-450c-8d78-c20d0f5016a1.png https://dev.to/mahdi_design en Mahdi Mon, 15 Jun 2026 11:44:35 +0000 https://dev.to/mahdi_design/im-15-and-just-launched-my-first-commercial-product-heres-what-i-built-4m77 https://dev.to/mahdi_design/im-15-and-just-launched-my-first-commercial-product-heres-what-i-built-4m77 <p>Hey DEV community!</p> <p>I'm Mahdi, 15 years old from Saudi Arabia. <br> This is the story of how I built and launched <br> my first commercial product in a few days.</p> <h2> What I built </h2> <p>A premium Arabic RTL restaurant HTML template <br> called Al-Asalah (الأصالة).</p> <h2> Features </h2> <ul> <li>Full RTL support (Arabic-first design)</li> <li>Dark mode</li> <li>Complete booking system with form validation</li> <li>Interactive menu with 5 categories</li> <li>Photo gallery with lightbox</li> <li>Chef profile section</li> <li>Mobile responsive</li> <li>Vanilla HTML/CSS/JS — zero dependencies</li> <li>Schema.org structured data for SEO</li> </ul> <h2> The challenges </h2> <p>The hardest part was finding professional food <br> photography that matched the luxury Arabic <br> aesthetic. Most stock photos are Western-style.</p> <p>Also learned a lot about CSS design tokens, <br> accessibility (ARIA), and how to structure <br> a commercial HTML template properly.</p> <h2> Live demo </h2> <p><a href="https://gilded-sawine-8717b8.netlify.app" rel="noopener noreferrer">https://gilded-sawine-8717b8.netlify.app</a></p> <h2> What I learned </h2> <p>Building something real and putting it for <br> sale is completely different from tutorials. <br> You think about the buyer, not just the code.</p> <p>Would love any feedback from this community!</p> <h2> Get it </h2> <p>Available for $19 👇<br> <a href="https://payhip.com/b/E2izs" rel="noopener noreferrer">https://payhip.com/b/E2izs</a></p> webdev showdev html