[{"data":1,"prerenderedAt":199},["ShallowReactive",2],{"i-mdi:github":3,"i-mdi:linkedin":8,"i-mdi:instagram":10,"project-shopify":12,"i-lineicons:react":183,"i-lineicons:tailwindcss":185,"i-solar:arrow-left-linear":187,"i-solar:pen-2-linear":189,"i-solar:link-linear":191,"i-lineicons:shopify":193,"i-lineicons:remix-js":195,"i-lineicons:nodejs":197},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3\"\u002F>",{"id":13,"title":14,"active":15,"body":16,"collaborators":158,"color":163,"date":164,"description":165,"extension":166,"github_url":164,"icon":167,"image":168,"meta":169,"month":170,"navigation":15,"path":171,"seo":172,"sitemap":173,"stacks":174,"status":164,"stem":180,"url":181,"__hash__":182},"project\u002Fproject\u002F0.shopify.md","Shopify App KiriminAja",true,{"type":17,"value":18,"toc":146},"minimark",[19,24,28,32,35,39,42,46,81,85,102,106,109,113,139,143],[20,21,23],"h2",{"id":22},"project-initiation-sep-2024","Project Initiation (Sep 2024):",[25,26,27],"p",{},"I started the KiriminAja Shopify App project in Sep 2024 with my team. Our goal was to create a seamless logistics integration for Shopify merchants, enabling them to manage shipments directly from their store admin.",[20,29,31],{"id":30},"team-collaboration-and-development","Team Collaboration and Development:",[25,33,34],{},"Working closely with my development team, we focused on building a robust Shopify app that would streamline the shipping process for Indonesian e-commerce merchants using modern web technologies.",[20,36,38],{"id":37},"shopify-app-architecture","Shopify App Architecture:",[25,40,41],{},"We built the application using Remix.js as our full-stack React framework, leveraging its server-side rendering capabilities and nested routing for optimal performance within the Shopify admin environment.",[20,43,45],{"id":44},"technology-stack","Technology Stack:",[47,48,49,57,63,69,75],"ul",{},[50,51,52,56],"li",{},[53,54,55],"strong",{},"Remix.js:"," Full-stack React framework for building the Shopify app with server-side rendering",[50,58,59,62],{},[53,60,61],{},"Shopify Polaris:"," Design system for consistent UI\u002FUX within Shopify admin",[50,64,65,68],{},[53,66,67],{},"REST APIs:"," Integration with KiriminAja logistics services and Shopify APIs",[50,70,71,74],{},[53,72,73],{},"Google Pub\u002FSub:"," Real-time messaging for shipment status updates and notifications",[50,76,77,80],{},[53,78,79],{},"Node.js:"," Backend runtime for handling webhooks and API integrations",[20,82,84],{"id":83},"key-features-implemented","Key Features Implemented:",[47,86,87,90,93,96,99],{},[50,88,89],{},"Seamless integration with Shopify's order management system",[50,91,92],{},"Real-time shipment tracking using Google Pub\u002FSub messaging",[50,94,95],{},"Polaris-based UI components for native Shopify admin experience",[50,97,98],{},"RESTful API communication with multiple logistics partners",[50,100,101],{},"Automated order fulfillment and tracking updates",[20,103,105],{"id":104},"integration-achievements","Integration Achievements:",[25,107,108],{},"We successfully integrated with over 15 logistics partners through REST APIs, while maintaining real-time communication using Google Pub\u002FSub for instant status updates. The Polaris design system ensured our app felt native within the Shopify ecosystem.",[20,110,112],{"id":111},"technical-highlights","Technical Highlights:",[47,114,115,121,127,133],{},[50,116,117,120],{},[53,118,119],{},"Remix SSR:"," Optimized loading times and SEO for the app pages",[50,122,123,126],{},[53,124,125],{},"Polaris Components:"," Consistent design language matching Shopify's admin interface",[50,128,129,132],{},[53,130,131],{},"Pub\u002FSub Messaging:"," Real-time updates for order status and delivery notifications",[50,134,135,138],{},[53,136,137],{},"REST API Design:"," Clean, scalable endpoints for partner integrations",[20,140,142],{"id":141},"ongoing-development","Ongoing Development:",[25,144,145],{},"Our team continues to enhance the app with new features, improved performance, and expanded logistics partner integrations, always maintaining the high standards of Shopify's app ecosystem.",{"title":147,"searchDepth":148,"depth":148,"links":149},"",2,[150,151,152,153,154,155,156,157],{"id":22,"depth":148,"text":23},{"id":30,"depth":148,"text":31},{"id":37,"depth":148,"text":38},{"id":44,"depth":148,"text":45},{"id":83,"depth":148,"text":84},{"id":104,"depth":148,"text":105},{"id":111,"depth":148,"text":112},{"id":141,"depth":148,"text":142},[159,160,161,162],"daewu14","GontangRagilPrakasa","yudayahya","kiriminaja","rgb(125, 62, 185)",null,"A comprehensive Shopify app built with Remix and Polaris, integrating logistics services through REST APIs and real-time updates via Google Pub\u002FSub.","md","simple-icons:shopify","\u002Fimages\u002Fproject\u002Fshopify.webp",{},"2024-09","\u002Fproject\u002Fshopify",{"title":14,"description":165},{"loc":171},[175,176,177,178,179],"react","remix-js","tailwindcss","nodejs","shopify","project\u002F0.shopify","https:\u002F\u002Fapps.shopify.com\u002Fkiriminaja","2VrKM8DGkEGV7fUtmHBIt30yXl2zcloZjMw_pXMaiTY",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":184},"\u003Cpath fill=\"currentColor\" d=\"M18.323 9.007c-.226-.033-.42-.13-.646-.194c.033-.129.033-.258.097-.452c.452-2.322.13-4.16-.903-4.806c-1.032-.58-2.71.032-4.387 1.484c-.13.129-.355.258-.484.451c-.097-.096-.226-.193-.323-.322c-1.774-1.58-3.516-2.226-4.612-1.613c-1.033.58-1.355 2.355-.904 4.516c.033.226.097.452.13.645c-.226.033-.485.13-.71.226C3.484 9.684 2 10.878 2 12.007c0 1.225 1.58 2.451 3.742 3.16c.193.033.355.13.548.13c-.032.226-.129.451-.129.71c-.42 2.129-.096 3.838.936 4.419c1.032.645 2.838 0 4.516-1.548c.129-.13.258-.226.42-.355a4 4 0 0 0 .548.451c1.613 1.452 3.29 2.033 4.355 1.452c1.032-.645 1.387-2.452.935-4.71c-.032-.129-.032-.354-.13-.548c.13-.032.227-.032.356-.13C20.355 14.362 22 13.137 22 11.91c-.032-1-1.58-2.161-3.677-2.903m-5.29-3.29c1.45-1.259 2.806-1.71 3.45-1.388c.646.355.904 1.903.485 3.936c-.032.129-.032.225-.097.419c-.871-.194-1.71-.355-2.613-.42c-.484-.709-1.032-1.45-1.613-2.032a1.8 1.8 0 0 1 .387-.516M8.547 14.07c.194.355.42.678.646 1a10.6 10.6 0 0 1-1.807-.258a8 8 0 0 1 .645-1.71c.13.29.355.678.516.968m-1.16-4.645a22 22 0 0 1 1.773-.323c-.226.323-.42.646-.58 1c-.162.355-.355.646-.549 1.033c-.29-.613-.451-1.162-.645-1.71m1.031 2.677c.226-.548.549-1.032.871-1.58c.323-.549.645-1.033.936-1.549c.58-.032 1.161-.032 1.774-.032c.58 0 1.226.032 1.774.032c.355.484.645 1 .936 1.484c.322.484.58 1.033.87 1.58c-.225.55-.548 1.033-.87 1.582c-.323.548-.646 1.032-.936 1.548c-.58.032-1.161.032-1.806.032s-1.226-.032-1.774-.032c-.355-.484-.646-1-.936-1.548c-.29-.549-.548-.968-.839-1.517m7.033 1.968c.193-.355.354-.677.548-1.032c.226.548.452 1.129.645 1.71c-.58.129-1.226.225-1.87.322c.257-.322.483-.677.677-1m.58-2.968c-.193-.354-.355-.677-.548-1.032s-.42-.645-.58-.935a22 22 0 0 1 1.773.322c-.193.549-.419 1.097-.645 1.645M12 6.75c.42.451.774.903 1.129 1.387a28 28 0 0 0-2.322 0c.419-.516.838-.968 1.193-1.387M7.484 4.36c.645-.354 2.129.13 3.613 1.549c.097.097.193.193.322.258c-.58.645-1.129 1.355-1.677 2.032a23 23 0 0 0-2.613.42c-.032-.194-.097-.42-.129-.581c-.355-1.903-.129-3.323.484-3.678M6.58 14.62c-.13-.033-.323-.097-.484-.13a7.2 7.2 0 0 1-2.484-1.225c-.452-.323-.678-.71-.774-1.162c0-.71 1.258-1.612 3.032-2.258c.226-.096.452-.129.677-.225c.258.87.581 1.677.936 2.483c-.323.807-.678 1.613-.903 2.517m4.484 3.774a7.1 7.1 0 0 1-2.226 1.355a1.54 1.54 0 0 1-1.355.032c-.645-.355-.871-1.71-.549-3.58c.033-.227.097-.452.13-.646c.87.194 1.774.323 2.612.355c.484.71 1.097 1.451 1.678 2.097c-.032.193-.162.29-.29.387m.967-.903c-.42-.452-.774-.904-1.161-1.388c.355 0 .71.033 1.129.033s.806 0 1.161-.033c-.354.42-.71.871-1.129 1.387m5.097 1.128c-.032.452-.258.936-.645 1.226c-.645.355-1.936-.096-3.355-1.354c-.129-.13-.322-.259-.484-.452a17 17 0 0 0 1.613-2.097c.903-.032 1.774-.226 2.613-.42c.032.13.032.323.097.452c.226.904.226 1.807.161 2.645m.71-4.16c-.097.032-.226.032-.355.096c-.258-.871-.645-1.677-1-2.484c.355-.774.677-1.613.935-2.451c.226.032.42.129.581.193c1.806.645 3.064 1.548 3.064 2.258c.033.742-1.29 1.742-3.225 2.387M12 13.844c1 0 1.774-.806 1.774-1.774A1.79 1.79 0 0 0 12 10.297c-.935 0-1.774.806-1.774 1.774S11 13.845 12 13.845\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":186},"\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 9.969q1-4.063 5-4.063c4 0 4.5 3.047 6.5 3.555q2 .508 3.5-1.524Q21 12 17 12c-4 0-4.5-3.047-6.5-3.555Q8.5 7.938 7 9.97m-5 6.094Q3 12 7 12c4 0 4.5 3.047 6.5 3.555q2 .507 3.5-1.524q-1 4.063-5 4.063c-4 0-4.5-3.047-6.5-3.555q-2-.508-3.5 1.524\" clip-rule=\"evenodd\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":188},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 12H4m0 0l6-6m-6 6l6 6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":190},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\u003Cpath stroke-linecap=\"round\" d=\"M4 22h16\"\u002F>\u003Cpath d=\"m13.888 3.663l.742-.742a3.146 3.146 0 1 1 4.449 4.45l-.742.74m-4.449-4.448s.093 1.576 1.483 2.966s2.966 1.483 2.966 1.483m-4.449-4.45L7.071 10.48c-.462.462-.693.692-.891.947a5.2 5.2 0 0 0-.599.969c-.139.291-.242.601-.449 1.22l-.875 2.626m14.08-8.13l-6.817 6.817c-.462.462-.692.692-.947.891q-.451.352-.969.599c-.291.139-.601.242-1.22.448l-2.626.876m0 0l-.641.213a.848.848 0 0 1-1.073-1.073l.213-.641m1.501 1.5l-1.5-1.5\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":192},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\">\u003Cpath d=\"M10.046 14c-1.506-1.512-1.37-4.1.303-5.779l4.848-4.866c1.673-1.68 4.25-1.816 5.757-.305s1.37 4.1-.303 5.78l-2.424 2.433\"\u002F>\u003Cpath d=\"M13.954 10c1.506 1.512 1.37 4.1-.303 5.779l-2.424 2.433l-2.424 2.433c-1.673 1.68-4.25 1.816-5.757.305s-1.37-4.1.303-5.78l2.424-2.433\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":194},"\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M14.625 4.499c.374-.126.624-.126.624-.126L14.503 22L3.252 19.875S4.75 8.5 4.75 8.125c0-.498 0-.498.624-.749c.054 0 .203-.047.435-.121a21 21 0 0 1 1.314-.38C7.5 5.25 8.75 2 11.374 2c.377 0 .75.123 1 .624h.126c1.125 0 1.75.875 2.125 1.875m-3.542 1.137c.438-.134.891-.272 1.292-.513c0-.75-.126-1.251-.251-1.752c-.624.25-1.373 1-1.75 2.501a9 9 0 0 1 .709-.236m.542-2.761c-.125-.126-.25-.126-.376-.126c-1.752 0-2.874 2.374-3.25 3.878c.25-.063.5-.157.75-.251s.5-.188.751-.25c.376-2 1.376-2.875 2.125-3.251m-1.376 8.122c.75 0 1.499.376 1.499.376l.499-2.248s-.499-.25-1.499-.25c-2.75 0-4 1.749-4 3.624c0 1.26.708 1.814 1.33 2.3c.487.38.92.72.92 1.324c0 .248-.125.749-.749.749c-.874 0-1.874-.875-1.874-.875l-.502 1.75s1 1.25 3 1.25c1.624 0 2.875-1.25 2.875-3.125c0-1.53-1.031-2.265-1.83-2.833c-.507-.36-.92-.654-.92-1.042c0-.25 0-1 1.251-1m2.499-7.626c.125.376.25.877.25 1.501v.125c.189 0 .345-.031.5-.062c.157-.032.313-.063.5-.063c-.25-.752-.626-1.501-1.25-1.501m5.624 2.376c.125 0 .25 0 .25.125c0 .063.538 3.79 1.072 7.498c.528 3.668 1.054 7.316 1.054 7.377l-6 1.25l.75-17.498h.125l1.125 1.122s1.499.126 1.624.126\" clip-rule=\"evenodd\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":196},"\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M19.932 17.424c.18 2.31.18 3.394.18 4.576h-5.35c0-.258.004-.493.009-.732c.014-.743.03-1.517-.09-3.081c-.16-2.29-1.147-2.799-2.961-2.799H3.305v-4.166h8.67c2.291 0 3.437-.696 3.437-2.54c0-1.623-1.146-2.605-3.437-2.605h-8.67V2h9.624c5.189 0 7.767 2.449 7.767 6.36c0 2.926-1.814 4.834-4.265 5.152c2.069.413 3.278 1.59 3.501 3.912\" clip-rule=\"evenodd\"\u002F>\u003Cpath fill=\"currentColor\" d=\"M3.305 22v-3.106h5.657c.945 0 1.15.7 1.15 1.118V22z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":198},"\u003Cpath fill=\"currentColor\" d=\"M11.903 22c-.258 0-.548-.032-.774-.226l-2.452-1.451c-.355-.226-.193-.259-.032-.323c.484-.129.58-.226 1.097-.484c.032-.032.129-.032.193.032l1.871 1.13c.033.032.13.032.226 0l7.323-4.226c.032-.033.129-.13.129-.194V7.774c0-.097-.033-.129-.13-.193L12 3.419c-.032-.032-.13-.032-.226 0l-7.29 4.226c-.033.032-.13.13-.13.194v8.42c0 .096.033.128.13.193l2 1.129c1.097.548 1.774-.097 1.774-.775V8.548a.22.22 0 0 1 .226-.225h.935a.22.22 0 0 1 .226.225v8.323c0 1.452-.774 2.258-2.129 2.258c-.452 0-.71 0-1.677-.452l-1.904-1.064a1.57 1.57 0 0 1-.774-1.355V7.774c0-.548.258-1.032.774-1.355l7.258-4.225a1.65 1.65 0 0 1 1.549 0l7.322 4.258c.452.258.775.774.775 1.354v8.42c0 .548-.258 1.032-.775 1.355l-7.29 4.193c-.322.194-.58.226-.87.226m5.903-8.323c0-1.58-1.032-2-3.322-2.322s-2.484-.452-2.484-1c0-.452.193-1.032 1.87-1.032c1.485 0 2.033.322 2.259 1.354c.032.097.097.13.226.13h.935c.032 0 .13-.033.13-.033s.031-.097.031-.129c-.129-1.774-1.322-2.548-3.612-2.548c-2.097 0-3.355.87-3.355 2.355c0 1.58 1.258 2.032 3.226 2.225c2.387.226 2.58.581 2.58 1.033c0 .806-.645 1.129-2.161 1.129c-1.936 0-2.355-.484-2.484-1.452c-.032-.097-.097-.193-.226-.193h-.87a.22.22 0 0 0-.227.225c0 1.226.646 2.71 3.84 2.71c2.322.065 3.644-.839 3.644-2.452\"\u002F>",1779378197369]