frontend - Abdul Aziz Ahwan

<style>/*<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6102615754735220&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>

<!-- data-ad-client=ca-pub-6102615754735220 -->

</head><body>*/</style>

Stagewise: The AI-Powered Toolbar Revolutionizing Frontend Development

In the ever-evolving landscape of web development, artificial intelligence is no longer a futuristic concept but a present-day reality, stre...

Abdul Aziz Ahwan 19 Jun, 2025

abdul aziz ahwan , ai , artificial intelligence

Meet Franken UI: A Robust Shadcn Alternative for Building Dynamic UI

In the ever-evolving landscape of web development, choosing the right UI component library can significantly impact your project's effic...

Abdul Aziz Ahwan 27 May, 2025

abdul aziz ahwan , backend , developer

What's New and Everything We Need to Know about Laravel 12

Laravel continues to solidify its position as one of the most beloved PHP frameworks for web development, and with the release of Laravel 12...

Abdul Aziz Ahwan 27 Feb, 2025

aapanel , abdul aziz ahwan , backend

EasyPanel: The Next Generation Server Control Panel Revolutionizing Server Management

In the dynamic world of server management, developers and system administrators are perpetually seeking tools that combine simplicity, power...

Abdul Aziz Ahwan 18 Feb, 2025

abdul aziz ahwan , css , daisy

Mary UI: A Stunning Collection of Laravel Blade UI Components for Livewire 3

The web development landscape is constantly evolving, with developers seeking ways to streamline processes, enhance user interfaces, and imp...

Abdul Aziz Ahwan 6 Oct, 2024

abdul aziz ahwan , backend , customer

Meet Tiledesk: Revolutionizing Customer Engagement with Open-Source Live Chat

In today’s digital landscape, where real-time customer engagement is critical, businesses need robust tools to facilitate seamless communica...

Abdul Aziz Ahwan 16 Aug, 2024

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2726972568-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4sJrrQknFPNlIRoVH3mgDQ94JcOw:1751323371016';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d548045071468246972','//www.abdulazizahwan.com/search/label/frontend?max-results\x3d6','548045071468246972');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '548045071468246972', 'title': 'Abdul Aziz Ahwan', 'url': 'https://www.abdulazizahwan.com/search/label/frontend?max-results\x3d6', 'canonicalUrl': 'https://www.abdulazizahwan.com/search/label/frontend?max-results\x3d6', 'homepageUrl': 'https://www.abdulazizahwan.com/', 'searchUrl': 'https://www.abdulazizahwan.com/search', 'canonicalHomepageUrl': 'https://www.abdulazizahwan.com/', 'blogspotFaviconUrl': 'https://www.abdulazizahwan.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-KJG2YX6J4R', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Abdul Aziz Ahwan - Atom\x22 href\x3d\x22https://www.abdulazizahwan.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Abdul Aziz Ahwan - RSS\x22 href\x3d\x22https://www.abdulazizahwan.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Abdul Aziz Ahwan - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/548045071468246972/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/07133761082581680081\x22 /\x3e\n', 'adsenseClientId': 'ca-pub-6102615754735220', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/db21581542f87c3c', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'searchLabel': 'frontend', 'pageName': 'frontend', 'pageTitle': 'Abdul Aziz Ahwan: frontend', 'metaDescription': 'Learn Mobile Flutter Web Development Design and Technology with our Tutorials and Tips Tricks for a Seamless Coding Experience'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Abdul Aziz Ahwan', 'description': 'Learn Mobile Flutter Web Development Design and Technology with our Tutorials and Tips Tricks for a Seamless Coding Experience', 'url': 'https://www.abdulazizahwan.com/search/label/frontend?max-results\x3d6', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'frontend', 'resultsMessage': 'Showing posts with the label frontend', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3efrontend\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'Upload Image', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image10'}, {'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '4461758237016418249', 'title': 'Stagewise: The AI-Powered Toolbar Revolutionizing Frontend Development', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNgMp2MEkgc44HdcgseJAaEu4CnqWBfk1GBCG-LuL8IOm9so3g7fhlICre6dRRfHUmF2-rjKdTFVwtZmbPR-d0bwM4y73hDm2IeKZxr1HuQqzTV6YgqgROzbXBHeZldokqq7gSM5N9E_TsPeHUksC0X7oK_TkIpo4XaoV_QkQpXY-as2mC7Eoa8D0_YoJr/s16000/Stagewise.webp', 'showInlineAds': true}, {'id': '5044851109538923346', 'title': 'Meet Franken UI: A Robust Shadcn Alternative for Building Dynamic UI', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTQANYtp6ZYu_8-kVvx1rElFV7D1pxpbcj-IoJ5LZgzUdE8uhliEny3aIPAqF485ZicMNl9E1jroW23nVB0d9vdntYtqPiu5UQEpvDtTj2AjfyCeGK5vvmOhKcItKM71E6nQgkYALdxgnn7ojy_00284x8cPbRA1TDi_u6aw4eFSc4G2wWq6jQttOQOc9T/s16000/Meet%20Franken%20UI%20ShadCN%20Alternative.webp', 'showInlineAds': true}, {'id': '5453907037494778873', 'title': 'What\x27s New and Everything We Need to Know about Laravel 12', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDhIQMftMiaSNXkuc4i1ROx2fcwyaRiFjc1QmUdAeguwpM3yvZJFZY18jdYB9OlGyf_QStNux4RQYRfFPhZevMtsqAreU9CODUcQRNItMDK40JggTHjeKx5_JC-jkDn3BPJ5et43_-ck2FWcEYDav8i4RojdVmKfLZEr91OuLSqD4z0PrKaq11uvFtDhko/s16000/laravel-12.webp', 'showInlineAds': true}, {'id': '2911814222903734308', 'title': 'EasyPanel: The Next Generation Server Control Panel Revolutionizing Server Management', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbwK04rQc0fz0g2_LRUi5QYA4yVkpzJ9laoYZq1HT_9QvNdGsYoD_9tVsRCZS63v_wlAM3ZjvN_77Vr5ahn0NkkVQLQXK5v_YwQNMdCHvOACZVJhbD2TihukQKZ4y-i-6hvu9QR7b0QwQ-NzKPRj0OlRKzckzb6TYl5P2CpSyXvTB-bHswYqwDzcz65ybO/s16000/Easypanel%20Docker.webp', 'showInlineAds': true}, {'id': '539648080586564159', 'title': 'Mary UI: A Stunning Collection of Laravel Blade UI Components for Livewire 3', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw98eAhBTEL9rlsaFa7XzsKVO8nz6FxuzdTCJdirpJi4B64cUbE93Be6kBNaJRo1e2-YHZdO-I2GZYgR6o6I1gcjL7_hPfBrAJAISaPIonAvxMP3uj73C0SdIPaS43cIaIbQ6D6NDI1UIiFi6NQ4YpfoWsm3-E1_edKou_zgPHgPO0065wlqoMnqrtP_wO/s16000/Mary%20UI%20Livewire.webp', 'showInlineAds': true}, {'id': '6644958240503216645', 'title': 'Meet Tiledesk: Revolutionizing Customer Engagement with Open-Source Live Chat', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIrzqLG0RD4vHI_AWKQ3sVhljmP3ca_kxIQG-U-ZxOV3t7D5SAU_jsVOin5xoHwTtj42yIHIoZ4rvhUGJYZFjyGfEHDTmQRYgQ8sqG1xA95WZr_vcukjx1IXp39jAgMd-3ApIp4BeA5euyHzULDcrn6NzdtxCoaBuRsBG62RygYqaEs7R6qaa4fRWiFqn6/s16000/Tiledesk%20Live%20Chat%20Platform.webp', 'showInlineAds': true}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comments'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Tags:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comments'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Tags:'}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML13'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML14'}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML8'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML5'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML16'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML7'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML17'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML6'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'after-blog', 'id': 'HTML18'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML4'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts10', 'posts': [{'title': 'Base44: The Ultimate AI-Powered Platform to Build Fully Functional Apps Without Coding', 'id': 4750492107732864078}, {'title': 'Mastra.ai: Accelerating AI Agent Development for TypeScript Engineers', 'id': 8629502472083531252}, {'title': 'Tutorial Cara Mudah Mengatasi Tidak Bisa Download File Yang Terinfeksi Virus di Google Drive', 'id': 4367497257190601733}, {'title': 'Rustdesk vs. TeamViewer: A Comprehensive Comparison', 'id': 4408115288857673721}, {'title': 'Wan2.1: The Ultimate Guide to Open and Advanced Large-Scale Video Generative Models', 'id': 4417057042432451579}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML3'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': 'Blog Archive', 'type': 'BlogArchive', 'sectionId': 'sidebar-static', 'id': 'BlogArchive10'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML2'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'type': 'AdSense', 'sectionId': 'sidebar-sticky', 'id': 'AdSense1'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Verified by', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML1'}, {'title': 'Learn More', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image10', 'upload-image', document.getElementById('Image10'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'before-blog', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'before-post', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Showing posts with label \x3cb\x3efrontend\x3c/b\x3e. \x3ca href\x3d\x22https://www.abdulazizahwan.com/\x22\x3eShow all posts\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1333171735-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'ads-post', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'ads-post', document.getElementById('HTML14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'ads-post', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'ads-post', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML16', 'ads-post', document.getElementById('HTML16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'ads-post', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'ads-post', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'ads-post', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'after-blog', document.getElementById('HTML18'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar-static', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'sidebar-static', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-static', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive10', 'sidebar-static', document.getElementById('BlogArchive10'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-sticky', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'sidebar-sticky', document.getElementById('HTML20'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar-sticky', document.getElementById('AdSense1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'footer-widget', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>