Web dev guides
9 articlesPractical guides to React, Next.js, component workflows and email markup.
Web dev · 8 Jul 2026Creating Your First Client Extension: A Step-by-Step Tutorial (globalJS)A beginner-friendly, step-by-step tutorial for building a globalJS client extension in Liferay — run custom JavaScript on any page, or instance-wide, with no theme changes.Web dev · 8 Jul 2026Creating Your First Client Extension: A Step-by-Step Tutorial (globalCSS)A beginner-friendly, step-by-step tutorial for building a globalCSS client extension in Liferay — a site-wide custom stylesheet deployed outside the core, with no theme recompilation.Web dev · 8 Jul 2026Creating Your First Custom Element: A Step-by-Step Tutorial (React Weather Card)Build a React 18 + Clay UI Weather Card custom element for Liferay — externalized React via JS import maps, proper web component lifecycle, and multi-instance placement.Web dev · 8 Jul 2026Sharing JavaScript Libraries Across Pages: The JS Import Map Entry Client Extension (jsImportMapsEntry)How to use the jsImportMapsEntry client extension in Liferay to share a single copy of React, jQuery, or any JS library across multiple custom elements — loaded once, on demand.
Web dev · 8 Jul 2026themeCSS Deep Dive: How Liferay's Layer Cake Styling Model WorksAn intermediate-advanced look at Liferay's themeCSS client extension — Bootstrap, Clay, styled/unstyled base themes, SCSS compilation, scope, and theme registration.Web dev · 22 Jun 2026Storybook: The Complete Guide to UI Component Development in IsolationLearn how Storybook — the industry-standard frontend workshop with 90k+ GitHub stars — helps teams build, document, and test UI components in isolation.
Web dev · 17 Jun 2026Email.md: Write Responsive HTML Emails in MarkdownA hands-on guide to Email.md (emailmd) — the open-source tool that turns Markdown into bulletproof, email-safe HTML with MJML, directives, themes and a live builder.
Web dev · 14 Sept 2025Create AI Polaroid Camera PhotoStep-by-step guide on how to create AI Polaroid-style images using Gemini prompts and image editing.Web dev · 10 Jul 2024Mastering State Management in ReactExplore different state management techniques in React, from useState to advanced libraries like Redux and Zustand.
Web dev · 8 Jul 2026themeCSS Deep Dive: How Liferay's Layer Cake Styling Model WorksAn intermediate-advanced look at Liferay's themeCSS client extension — Bootstrap, Clay, styled/unstyled base themes, SCSS compilation, scope, and theme registration.Web dev · 22 Jun 2026Storybook: The Complete Guide to UI Component Development in IsolationLearn how Storybook — the industry-standard frontend workshop with 90k+ GitHub stars — helps teams build, document, and test UI components in isolation.Web dev · 17 Jun 2026Email.md: Write Responsive HTML Emails in MarkdownA hands-on guide to Email.md (emailmd) — the open-source tool that turns Markdown into bulletproof, email-safe HTML with MJML, directives, themes and a live builder.Web dev · 14 Sept 2025Create AI Polaroid Camera PhotoStep-by-step guide on how to create AI Polaroid-style images using Gemini prompts and image editing.Web dev · 10 Jul 2024Mastering State Management in ReactExplore different state management techniques in React, from useState to advanced libraries like Redux and Zustand.