[{"data":1,"prerenderedAt":521},["ShallowReactive",2],{"{\"version\":\"published\"}/home":3},{"data":4,"headers":499},{"story":5,"cv":496,"rels":497,"links":498},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":489,"full_slug":489,"sort_by_date":24,"position":490,"tag_list":491,"is_startpage":35,"parent_id":490,"meta_data":24,"group_id":492,"first_published_at":493,"release_id":24,"lang":494,"path":31,"alternates":495,"default_full_slug":24,"translated_slugs":24},"Home","2025-05-08T12:44:10.706Z","2026-06-17T08:54:07.653Z","Youssef Mohamed Hussien Nasr",666762553,"c2b44ecf-ca7c-45bc-93e6-4e51234f36de",{"_uid":13,"blocks":14,"component":482,"seo_image":483,"seo_title":487,"seo_description":488},"131655e1-9cc7-4a89-8750-56f967bb9573",[15,79,136,152,373,472],{"cta":16,"_uid":17,"text":18,"media":29,"signal":36,"footnote":37,"headline":76,"component":77,"background":78},"Find out more","12143580-c590-4ee0-991b-9d2fdb67e9ea",{"type":19,"content":20},"doc",[21],{"type":22,"attrs":23,"content":25},"paragraph",{"textAlign":24},null,[26],{"text":27,"type":28},"I’m a freelance web designer and developer building with modern web technologies from my studio in Cairo.","text",{"id":30,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":32,"copyright":31,"fieldtype":33,"meta_data":34,"is_external_url":35},168394455002124,"","youssef-photo.jpg","asset",{},false,true,{"type":19,"content":38},[39],{"type":22,"attrs":40,"content":41},{"textAlign":24},[42,44,53,55,61,63,65,67,74],{"text":43,"type":28},"Find me at ",{"text":45,"type":28,"marks":46},"GitHub",[47],{"type":48,"attrs":49},"link",{"href":50,"uuid":24,"anchor":24,"target":51,"linktype":52},"https://github.com/youssefhussien212","_blank","url",{"text":54,"type":28}," and ",{"text":56,"type":28,"marks":57},"LinkedIn",[58],{"type":48,"attrs":59},{"href":60,"uuid":24,"anchor":24,"target":51,"linktype":52},"https://www.linkedin.com/in/youssef-hussien-5406963a8",{"text":62,"type":28},".",{"type":64},"hard_break",{"text":66,"type":28},"Download my ",{"text":68,"type":28,"marks":69},"resume",[70],{"type":48,"attrs":71},{"href":72,"uuid":24,"anchor":24,"target":73,"linktype":33},"Youssef Mohamed Hussien (CV).pdf","_blank",{"text":75,"type":28}," (PDF 165kb)","Crafted experiences, designed to be beautiful and built to last.","block_hero","bg-secondary",{"_uid":80,"text":81,"about":84,"headline":101,"component":102,"background":103,"testimonials":104,"headline_a11y":36},"a077ad89-b17b-494c-8469-fa5fa1283cbf",{"type":19,"content":82},[83],{"type":22},{"type":19,"content":85},[86,96],{"type":22,"attrs":87,"content":88},{"textAlign":24},[89],{"text":90,"type":28,"marks":91},"Full-stack Developer experienced in building modern, accessible web applications.",[92],{"type":93,"attrs":94},"styled",{"class":95},"text-24 text-accent",{"type":22,"attrs":97,"content":98},{"textAlign":24},[99],{"text":100,"type":28},"I'm a Full-stack Developer specializing in React.js, Next.js, and modern frontend technologies. With 3+ years of experience, I build responsive, high-performance web applications with clean code and great user experiences.","Overview","block_bento","bg-primary",[105,116,126],{"_uid":106,"name":107,"quote":108,"subtext":114,"component":115},"96f7cf8c-e72e-4a49-871a-7a95679a5c50","Ahmed Hassan",{"type":19,"content":109},[110],{"type":22,"content":111},[112],{"text":113,"type":28},"Youssef consistently delivers high-quality web solutions. His attention to detail and deep understanding of modern frontend frameworks make him an invaluable developer on any project.","Senior Developer at Tech Solutions","testimonial",{"_uid":117,"name":118,"quote":119,"subtext":125,"component":115},"8d4449df-3982-40f0-9ae2-9603050e29c4","Sara Mohamed",{"type":19,"content":120},[121],{"type":22,"content":122},[123],{"text":124,"type":28},"Incredibly thorough and professional in bringing our web application to life. He took on every challenge and developed every aspect beautifully with React and Next.js.","Project Manager at Digital Agency",{"_uid":127,"name":128,"quote":129,"subtext":135,"component":115},"d91777a7-0562-4468-be17-e7763d8359c7","Omar Khaled",{"type":19,"content":130},[131],{"type":22,"content":132},[133],{"text":134,"type":28},"Working with Youssef has always been a smooth process from initial concepts to problem-solving, right through to the final polished product. His frontend skills are exceptional.","Creative Director at Design Studio",{"_uid":137,"text":138,"headline":150,"component":151,"background":78},"69678b1a-bc09-48b3-8ae7-632be62ce427",{"type":19,"content":139},[140,145],{"type":22,"attrs":141,"content":142},{"textAlign":24},[143],{"text":144,"type":28},"I build web applications that are fast, accessible, and made to last. Using modern technologies like React.js, Next.js, Node.js, and Strapi to deliver premium digital experiences.",{"type":22,"attrs":146,"content":147},{"textAlign":24},[148],{"text":149,"type":28},"Whether it's a marketing site, an e-commerce platform or a custom web app, I design and develop with a focus on performance, accessibility and user experience.","Strategy","block_text",{"_uid":153,"text":154,"headline":160,"projects":161,"component":372,"background":103,"headline_a11y":35},"8d9d2e66-1307-4948-a464-5306ecba6d2c",{"type":19,"content":155},[156],{"type":22,"content":157},[158],{"text":159,"type":28},"I've been building web applications for brands and businesses, from small startups to large enterprises, as a solo developer or as part of a team.","Projects",[162,180,196,212,228,244],{"_uid":163,"link":164,"text":167,"media":174,"headline":178,"component":179},"5b246994-65a7-4860-934e-004458d6917f",{"id":31,"url":165,"target":51,"linktype":52,"fieldtype":166,"cached_url":165},"https://drive.google.com/file/d/1vKqa0csPxnIcOW3clR_mdZwm9vH_UUjP/view?usp=sharing","multilink",{"type":19,"content":168},[169],{"type":22,"attrs":170,"content":171},{"textAlign":24},[172],{"text":173,"type":28},"Full stack e-commerce web\napp for clothing & accessories.\nReact.js, Vite , Strapi REST API,\nMongoDB & dual\nrecommendation systems",{"id":175,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":176,"copyright":31,"fieldtype":33,"meta_data":177,"is_external_url":35},160248417950571,"/project1_ecommerce.jpg",{},"E-Commerce Web Application","project",{"_uid":181,"link":182,"text":184,"media":191,"headline":195,"component":179},"3047d682-0299-4474-9483-741ff1749565",{"id":31,"url":183,"target":51,"linktype":52,"fieldtype":166,"cached_url":183},"https://github.com/youssefhussien212/O-Candles-Luxury-Candle-Brand-Website.git",{"type":19,"content":185},[186],{"type":22,"attrs":187,"content":188},{"textAlign":24},[189],{"text":190,"type":28},"Luxury brand SPA with 5 responsive pages using React.js, Tailwind CSS, Framer Motion page transitions, GSAP scroll animations.",{"id":192,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":193,"copyright":31,"fieldtype":33,"meta_data":194,"is_external_url":35},84462040337702,"/project2_candles.jpg",{},"O Candles Luxury Website",{"_uid":197,"link":198,"text":200,"media":207,"headline":211,"component":179},"615b9e7b-eaa2-4928-b674-9525c9822542",{"id":31,"url":199,"target":51,"linktype":52,"fieldtype":166,"cached_url":199},"https://github.com/youssefhussien212/Netflix-Frontend-Clone.git",{"type":19,"content":201},[202],{"type":22,"attrs":203,"content":204},{"textAlign":24},[205],{"text":206,"type":28},"Netflix-style web application built with React.js and Tailwind CSS. Integrates real-time IMDb API data and Swiper.js content sliders.",{"id":208,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":209,"copyright":31,"fieldtype":33,"meta_data":210,"is_external_url":35},22300602,"/project3_netflix.jpg",{},"Netflix Frontend Clone",{"_uid":213,"link":214,"text":216,"media":223,"headline":227,"component":179},"33320164-b4a3-41c8-87bd-02ee186ac9e4",{"id":31,"url":215,"target":51,"linktype":52,"fieldtype":166,"cached_url":215},"https://github.com/youssefhussien212",{"type":19,"content":217},[218],{"type":22,"attrs":219,"content":220},{"textAlign":24},[221],{"text":222,"type":28},"Full LMS platform built with WordPress, Tutor LMS, WooCommerce, PHP, and Paymob payment gateway integration.",{"id":224,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":225,"copyright":31,"fieldtype":33,"meta_data":226,"is_external_url":35},22300607,"/project4_lms.jpg",{},"LMS Learning Platform",{"_uid":229,"link":230,"text":232,"media":239,"headline":243,"component":179},"4eb8cebc-e1e5-4c6e-aaf7-a30c51df2f37",{"id":31,"url":231,"target":51,"linktype":52,"fieldtype":166,"cached_url":231},"https://github.com/youssefhussien212",{"type":19,"content":233},[234],{"type":22,"attrs":235,"content":236},{"textAlign":24},[237],{"text":238,"type":28},"Multi-page website for Florida-based home remodeling business with dedicated service pages and mobile optimization.",{"id":240,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":241,"copyright":31,"fieldtype":33,"meta_data":242,"is_external_url":35},22300605,"/project5_remodeling.jpg",{},"Florida Home Remodeling",{"_uid":245,"link":246,"text":248,"media":255,"headline":259,"component":179},"8b5bab34-6038-4664-bb2f-a3edd71eb227",{"id":31,"url":247,"target":51,"linktype":52,"fieldtype":166,"cached_url":247},"https://github.com/youssefhussien212",{"type":19,"content":249},[250],{"type":22,"attrs":251,"content":252},{"textAlign":24},[253],{"text":254,"type":28},"Corporate website for leading hotel electronics & hospitality solutions company Africa's #1 hospitality expo. WordPress & Elementor layouts.",{"id":256,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":257,"copyright":31,"fieldtype":33,"meta_data":258,"is_external_url":35},22300606,"/project6_hotel.jpg",{},"Hotel Expo Corporate Site",{"_uid":261,"link":262,"text":264,"media":271,"headline":275,"component":179},"c7fe79a7-4468-406b-9b88-d68569644ad6",{"id":31,"url":263,"target":51,"linktype":52,"fieldtype":166,"cached_url":263},"https://palladianmedia.com",{"type":19,"content":265},[266],{"type":22,"attrs":267,"content":268},{"textAlign":24},[269],{"text":270,"type":28},"Cinematic video production & brand films. Built using Nuxt, Storyblok, TypeScript and Tailwind.",{"id":272,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":273,"copyright":31,"fieldtype":33,"meta_data":274,"is_external_url":35},22300603,"https://a.storyblok.com/f/338175/2160x2160/d917af762d/palladian.jpg",{},"Palladian",{"_uid":277,"link":278,"text":280,"media":287,"headline":291,"component":179},"0bd28409-e126-4f67-98a8-3bf58e29f3f5",{"id":31,"url":279,"target":51,"linktype":52,"fieldtype":166,"cached_url":279},"https://ditta.studio",{"type":19,"content":281},[282],{"type":22,"attrs":283,"content":284},{"textAlign":24},[285],{"text":286,"type":28},"Digital agency with a focus on crafting websites that work as well as they look.",{"id":288,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":289,"copyright":31,"fieldtype":33,"meta_data":290,"is_external_url":35},22301011,"https://a.storyblok.com/f/338175/2160x2160/9ccac86413/ditta.png",{},"Ditta",{"_uid":293,"link":294,"text":296,"media":303,"headline":307,"component":179},"8d1ac93d-9c46-42cf-86a7-2ed3acf03a65",{"id":31,"url":295,"target":51,"linktype":52,"fieldtype":166,"cached_url":295},"https://smithandwillis.london",{"type":19,"content":297},[298],{"type":22,"attrs":299,"content":300},{"textAlign":24},[301],{"text":302,"type":28},"Where exceptional food, meaningful connections and unforgettable moments are made. Built using Nuxt, Storyblok, TypeScript and Tailwind.",{"id":304,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":305,"copyright":31,"fieldtype":33,"meta_data":306,"is_external_url":35},22300604,"https://a.storyblok.com/f/338175/2160x2160/7c4cabcdd5/s-w.jpg",{},"Smith & Willis",{"_uid":309,"link":310,"text":312,"media":319,"headline":323,"component":179},"93e493ee-d0bf-4e23-8a99-f94c0e5bfaa7",{"id":31,"url":311,"target":51,"linktype":52,"fieldtype":166,"cached_url":311},"https://moth.studio",{"type":19,"content":313},[314],{"type":22,"attrs":315,"content":316},{"textAlign":24},[317],{"text":318,"type":28},"Award-winning animation studio based in London. Built using Nuxt, Prismic, TypeScript and Tailwind.",{"id":320,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":321,"copyright":31,"fieldtype":33,"meta_data":322,"is_external_url":35},22300608,"https://a.storyblok.com/f/338175/2160x2160/14062c3d9d/moth.jpg",{},"Moth",{"_uid":325,"link":326,"text":328,"media":335,"headline":339,"component":179},"38114376-d796-4f3c-acf6-4c510cdbffbb",{"id":31,"url":327,"target":51,"linktype":52,"fieldtype":166,"cached_url":327},"https://workingfrom.com",{"type":19,"content":329},[330],{"type":22,"attrs":331,"content":332},{"textAlign":24},[333],{"text":334,"type":28},"A coworking space that feels like home. Built using WordPress.",{"id":336,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":337,"copyright":31,"fieldtype":33,"meta_data":338,"is_external_url":35},22300609,"https://a.storyblok.com/f/338175/2160x2160/737951c432/working-from_.jpg",{},"Working from_",{"_uid":341,"link":342,"text":344,"media":351,"headline":355,"component":179},"52a5a4bd-cbbf-4142-b2a5-67c1cda94436",{"id":31,"url":343,"target":51,"linktype":52,"fieldtype":166,"cached_url":343},"https://www.thisworks.studio",{"type":19,"content":345},[346],{"type":22,"attrs":347,"content":348},{"textAlign":24},[349],{"text":350,"type":28},"Branding and communications agency. Built using Nuxt, Prismic and CSS.",{"id":352,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":353,"copyright":31,"fieldtype":33,"meta_data":354,"is_external_url":35},22300616,"https://a.storyblok.com/f/338175/2160x2160/cc1b4234c4/this-works.jpg",{},"This Works",{"_uid":357,"link":358,"text":360,"media":367,"headline":371,"component":179},"efff8612-3042-4044-abbc-f98e962ffe4c",{"id":31,"url":359,"target":51,"linktype":52,"fieldtype":166,"cached_url":359},"https://www.greggs.com",{"type":19,"content":361},[362],{"type":22,"attrs":363,"content":364},{"textAlign":24},[365],{"text":366,"type":28},"From Sausage Rolls to salads and speciality coffees. Built using Nuxt, Storyblok, TypeScript and Tailwind.",{"id":368,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":369,"copyright":31,"fieldtype":33,"meta_data":370,"is_external_url":35},160247403121502,"https://a.storyblok.com/f/338175/1000x1000/a3b7475ee8/greggs.jpg",{},"Greggs","block_projects",{"faq":374,"_uid":469,"headline":470,"component":471,"background":78},[375,391,408,428,448],{"_uid":376,"answer":377,"question":389,"component":390},"6c2a5912-c2b3-4e54-84ce-50ec075085eb",{"type":19,"content":378},[379,384],{"type":22,"attrs":380,"content":381},{"textAlign":24},[382],{"text":383,"type":28},"Everything from marketing sites and product landing pages to fully custom web apps. Whether you’re a startup or a large organisation, I can deliver fast, accessible, and bespoke digital experiences using modern frontend technologies.",{"type":22,"attrs":385,"content":386},{"textAlign":24},[387],{"text":388,"type":28},"I also work in existing development/design teams, remotely or in-house for anything web-related.","What projects do you work on?","faq",{"_uid":392,"answer":393,"question":407,"component":390},"4df28422-6aea-429f-8473-c8fb9cfd6f3c",{"type":19,"content":394},[395],{"type":22,"attrs":396,"content":397},{"textAlign":24},[398,400,405],{"text":399,"type":28},"I ",{"text":401,"type":28,"marks":402},"primarily",[403],{"type":404},"italic",{"text":406,"type":28}," work remotely from my studio in Cairo, but I’m happy to attend meetings or collaborate remotely if needed or work together as part of a larger team.","Do you work remotely or on-site?",{"_uid":409,"answer":410,"question":427,"component":390},"3cbb957f-a530-48a9-9680-3ac302879195",{"type":19,"content":411},[412,417,422],{"type":22,"attrs":413,"content":414},{"textAlign":24},[415],{"text":416,"type":28},"I specialise in modern web technologies such as React, Vue, Next, Nuxt, TypeScript, Tailwind, GSAP, Supabase, and more. I also use design tools like Figma for crafting pixel-perfect UI designs.",{"type":22,"attrs":418,"content":419},{"textAlign":24},[420],{"text":421,"type":28},"If you have a tech stack I'm not familiar with, I'll do my best to ramp up quickly. If that's not possible or it's out of scope, I'll happily recommend an alternative developer or designer you could work with.",{"type":22,"attrs":423,"content":424},{"textAlign":24},[425],{"text":426,"type":28},"I also have a breadth of experience in managing the full lifecycle of a project, from project management and communication with the client, working and consulting with designers and architecting the approach.","What's your tech stack and tooling?",{"_uid":429,"answer":430,"question":447,"component":390},"518585d2-fc5c-41fe-8de7-73354bbb8bf6",{"type":19,"content":431},[432,437,442],{"type":22,"attrs":433,"content":434},{"textAlign":24},[435],{"text":436,"type":28},"You can explore my recently selected projects in the section above. I don't typically write lengthy case-studies here and prefer to show the work live, in-situ, for you to make your own judgements.",{"type":22,"attrs":438,"content":439},{"textAlign":24},[440],{"text":441,"type":28},"Projects that have undergone significant change since I last worked on them and most projects in general are not shown. This is so you can be confident that every project displayed here is something I've built myself.",{"type":22,"attrs":443,"content":444},{"textAlign":24},[445],{"text":446,"type":28},"This portfolio is only a fraction of all work I've ever done. Most projects are either unable to be shown due to NDA's or not visual enough for me to want to display here (think bug-fixing, feature addition or internal projects).","Can I see more of your work?",{"_uid":449,"answer":450,"question":468,"component":390},"427fea31-0590-46d2-a2be-fc73fad83258",{"type":19,"content":451},[452,464],{"type":22,"content":453},[454,456,462],{"text":455,"type":28},"If you’d like to collaborate, you can message me at ",{"text":457,"type":28,"marks":458},"youssefhussien57@gmail.com",[459],{"type":48,"attrs":460},{"href":457,"uuid":24,"anchor":24,"target":51,"linktype":461},"email",{"text":463,"type":28}," with as much detail about your project as possible (timeframes/deadlines, budget and scope). The more detail the better!",{"type":22,"content":465},[466],{"text":467,"type":28},"If everything looks good we can arrange a call and take it from there.","How can I start a new project?","12eab19f-5820-4eb9-8635-c0b16e2a0967","Frequently asked questions","block_faq",{"_uid":473,"text":474,"headline":480,"component":481,"background":103,"headline_a11y":35},"c346abf6-1add-43eb-a301-ccd4d4ea32ca",{"type":19,"content":475},[476],{"type":22,"content":477},[478],{"text":479,"type":28},"Personalise your web experience using the tools below. More features and customisation options coming soon.","Make It Yours","block_play","page",{"id":484,"alt":31,"name":31,"focus":31,"title":31,"source":31,"filename":485,"copyright":31,"fieldtype":33,"meta_data":486,"is_external_url":35},169470518666913,"youssef-photo.jpg",{},"Full-stack Developer & Front-End Specialist | Youssef Mohamed Hussien Nasr","Cairo-based full-stack developer and frontend specialist with 3+ years experience building modern web apps with React.js, Next.js, Strapi, and WordPress.","home",0,[],"f9edfdfc-ba04-4894-a00d-96da6e095e01","2025-05-15T15:16:34.395Z","default",[],1781686448,[],[],{"cache-control":500,"connection":501,"content-encoding":502,"content-type":503,"date":504,"etag":505,"referrer-policy":506,"sb-be-version":507,"server":508,"transfer-encoding":509,"vary":510,"via":511,"x-amz-cf-id":512,"x-amz-cf-pop":513,"x-cache":514,"x-content-type-options":515,"x-frame-options":516,"x-permitted-cross-domain-policies":517,"x-request-id":518,"x-runtime":519,"x-xss-protection":520},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 17 Jun 2026 08:54:56 GMT","W/\"c50e08fc84947b0fcb4e4061ebbc7f5b\"","strict-origin-when-cross-origin","5.899.0","nginx/1.29.1","chunked","Origin,Accept-Encoding","1.1 bcf3714653b91c162db4f8a673af0716.cloudfront.net (CloudFront)","NZqKJxnTQ0CuYiyeYMQrxlP0pIEPH4zMx8nigSdxJaMUhPQ9XlUkcg==","CMH68-P4","Miss from cloudfront","nosniff","SAMEORIGIN","none","0286f30d-2234-423d-b517-5dfc9a718dae","0.031394","0",1781686496034]