High Performance
Optimize web applications for peak performance using React, Next.js, Remix, and CSS. Deliverables include audits, code optimization, and rendering enhancements.
- Visit My Facebook account
- Visit My Twitter account
- Visit My Instagram account
- Visit My Linkdin account
- Visit My Github account
Miloud AmarA freelancer web developer
Experienced Frontend Developer | Passionate about building elegant, accessible, and UX-friendly Design Systems with React | Skilled in React Next Remix | CSS enthusiast | Lover of Clean & Maintainable CSS | Always learning and growing.
I am a freelance web developer
Am Available
scroll Down
Building and improving websites
Freelance Web Developer Specializing in UX, Performance, and Design SystemsAccessible
Craft inclusive digital experiences through expert audits and remediation, ensuring compliance with WCAG standards and compatibility with assistive technology.
Rendering Optimization
Assess and implement the best rendering strategy (SSR, SSG, CSR, etc.) for your web application to maximize performance, SEO, and user experience.
Design System
Empower your team with a scalable design system including a unified design language, component libraries, and comprehensive documentation.
CSS Optimization
Refactor and optimize your CSS for maintainability, scalability, and performance using industry best practices and methodologies.
My Web Development Expertise
The Tools and Technologies I Use to Build Your Web PresenceReact
Since 2018, I’ve built dynamic React applications. My expertise helps businesses deliver exceptional, performant user experiences. Let’s work together!
NextJs
I transitioned from CRA to Next.js for performance and SEO gains. Love its ease of use and power. Remix is the next exciting step!
TypeScript
TypeScript is now essential to my workflow. After a learning curve, I can’t imagine coding without its robust type-checking.
HTML
Semantic HTML is the web’s foundation. I focus on writing accessible code for everyone, using tools like WAVE and aXe for validation.
CSS
My CSS journey has been rewarding. I love crafting beautiful UIs and continuously finding ways to enhance my styling abilities.
Gatsby
Gatsby was a great SSG choice, but Next.js's expanded flexibility for SSR and ISR ultimately made it a better fit for my projects.
Remix
Remix’s nested layouts and code organization won me over. Love how it streamlines data handling with actions and loaders.
Node js
I used Node.js and Express for back-end work after PHP. It was enjoyable, but my passion lies in crafting excellent front-end experiences.
Join Me on My Web Development Journey
Sharing insights and knowledge gained from my experiences on web development.
Rendering Pattern
Hydration
Web Performance
React
Hamza Miloud Amar
CSS Cascade: How the Browser Determines the Final styles
master the CSS cascade: Learn about origin, context, inline styles, cascade layers, specificity, scope, proximity, and order of appearance.
Rendering Pattern
React
Server Components
Hamza Miloud Amar
React Server Components
Discover React Server Components, an upcoming feature in React that enables server-side rendering of components.
Rendering Pattern
Island Architecture
Web Development
Hamza Miloud Amar
Optimizing Web App Performance Island Architecture
Find out more about Island Architecture, an innovative method of rendering with isolated, interactive components that will help you speed up and maintain web application performance.
Rendering Pattern
Streaming SSR
Web Performance
Hamza Miloud Amar
Streaming Server-Side Rendering: Efficient Content Delivery
Explore Streaming Server-Side Rendering (SSR), a cutting-edge technique that streams HTML content for faster initial page loads and improved user experiences.
React
Performance
Hydration
SEO
User Experience
Hamza Miloud Amar
Progressive Hydration: Optimized Interactivity
Learn how Progressive Hydration, an innovative web development technique, gradually hydrates pages for faster load times and enhanced user experiences.
Rendering Pattern
ISG
Web Performance
Scalability
Hamza Miloud Amar
Incremental Site Generation: Combining Static and Dynamic
Understand how Incremental Site Generation (ISG) uses the best of both worlds: fast static sites and dynamic updates for maximal web performance.
Rendering Pattern
SEO
SSR
Web Performance
Hamza Miloud Amar
Server-Side Rendering: Dynamic Content Delivery
Unlock the power of Server-Side Rendering (SSR) and Hydration for lightning-fast web pages, improved SEO, and seamless user interactions.
Rendering Pattern
SSG
Web Performance
MPA
Hamza Miloud Amar
Static Site Generation: Pre-Rendered Performance
Unlock the power of Static Site Generation (SSG) with Hydration, a method that delivers blazing-fast websites with interactive features for optimal user experiences.
Innovative Web Projects
Explore my portfolio of diverse and impactful web projects.
A monorepo containing a comprehensive set of reusable UI components, React hooks, and other tools for modern web development. Built with accessibility, scalability, and best practices in mind, this monorepo streamlines the development process and makes it easier than ever to build robust, high-quality web applications.
Dashboard
Fully Accessible Admin Dashboard Site Powered by (React, React-Router-Dom V16.4, SCSS That helps (Web developers, and companies) to make their UI sites up and running fast, you can find all the components you need From) Base UI, Composite UI Pages, Dashboard Pages, Icons, Charts, and Forms) and so, once you try it, I think you are going to like it.
UI Lego Design System Starter
UI Lego is a free, open-source UI starter kit built with React, SCSS, and Storybook. It's designed to streamline your development workflow with a collection of pre-built, customizable components that empower you to assemble user interfaces quickly and easily, much like building with Lego blocks.
Linkdin_Clone
I recently created a LinkedIn clone using Create React App, React Router DOM 16.4, Storybook, and TypeScript. This project showcases my skills in building a professional social networking platform with modern web development tool
Car Rental
Luxury and Economy Cars: Your Choice To Discover Affordable Car Rentals for Every Journey Tailored to Your Needs
Cinema
a site for a production & general manager in Morocco, specializing in TV & film. 20+ years of experience, working across Morocco. Deep knowledge of local cultures, languages, & traditions. Collaborated with national & international productions. Built with Next.js 14, SCSS, & Pillar UI.
Gamer Play
Your Portal to Infinite Gaming Adventures: A Full-Stack JavaScript Gaming Platform. Built with React and Next.js for lightning-fast server-side rendering, this platform is powered by Storybook for seamless development and styled with SCSS for an immersive visual experience.
DOMLAV
A Laundry Service App for Everything You Need, Based in Morocco. This full-stack JavaScript project is built with React and Next.js for server-side rendering, powered by Storybook, and styled with SCSS.