{"id":1250,"date":"2024-11-18T09:54:04","date_gmt":"2024-11-18T09:54:04","guid":{"rendered":"https:\/\/holzmayer.dev\/?post_type=case_study_or_projec&#038;p=1250"},"modified":"2024-11-26T15:32:00","modified_gmt":"2024-11-26T15:32:00","slug":"onlineshop-mit-remix-und-shopify-integration","status":"publish","type":"case_study","link":"https:\/\/holzmayer.dev\/en\/case-study\/onlineshop-mit-remix-und-shopify-integration\/","title":{"rendered":"Online store with a Remix and Shopify Integration"},"featured_media":1274,"template":"","class_list":["post-1250","case_study","type-case_study","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Onlineshop mit Remix und Shopify Integration - Holzmayer<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/holzmayer.dev\/en\/case-study\/onlineshop-mit-remix-und-shopify-integration\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Onlineshop mit Remix und Shopify Integration - Holzmayer\" \/>\n<meta property=\"og:url\" content=\"https:\/\/holzmayer.dev\/en\/case-study\/onlineshop-mit-remix-und-shopify-integration\/\" \/>\n<meta property=\"og:site_name\" content=\"Holzmayer\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-26T15:32:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/11\/Onlineshop.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/\",\"url\":\"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/\",\"name\":\"Onlineshop mit Remix und Shopify Integration - Holzmayer\",\"isPartOf\":{\"@id\":\"https:\/\/holzmayer.dev\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/11\/Onlineshop.jpg\",\"datePublished\":\"2024-11-18T09:54:04+00:00\",\"dateModified\":\"2024-11-26T15:32:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/#primaryimage\",\"url\":\"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/11\/Onlineshop.jpg\",\"contentUrl\":\"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/11\/Onlineshop.jpg\",\"width\":1080,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/holzmayer.dev\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Studies\",\"item\":\"https:\/\/holzmayer.dev\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Onlineshop mit Remix und Shopify Integration\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/holzmayer.dev\/#website\",\"url\":\"https:\/\/holzmayer.dev\/\",\"name\":\"Julian Holzmayer\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/holzmayer.dev\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/holzmayer.dev\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/holzmayer.dev\/#organization\",\"name\":\"Julian Holzmayer\",\"url\":\"https:\/\/holzmayer.dev\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/holzmayer.dev\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/09\/JULIAN-HOLZMAYER-400-x-150-px.png\",\"contentUrl\":\"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/09\/JULIAN-HOLZMAYER-400-x-150-px.png\",\"width\":325,\"height\":150,\"caption\":\"Julian Holzmayer\"},\"image\":{\"@id\":\"https:\/\/holzmayer.dev\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Onlineshop mit Remix und Shopify Integration - Holzmayer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/holzmayer.dev\/en\/case-study\/onlineshop-mit-remix-und-shopify-integration\/","og_locale":"en_US","og_type":"article","og_title":"Onlineshop mit Remix und Shopify Integration - Holzmayer","og_url":"https:\/\/holzmayer.dev\/en\/case-study\/onlineshop-mit-remix-und-shopify-integration\/","og_site_name":"Holzmayer","article_modified_time":"2024-11-26T15:32:00+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/11\/Onlineshop.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/","url":"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/","name":"Onlineshop mit Remix und Shopify Integration - Holzmayer","isPartOf":{"@id":"https:\/\/holzmayer.dev\/#website"},"primaryImageOfPage":{"@id":"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/#primaryimage"},"image":{"@id":"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/#primaryimage"},"thumbnailUrl":"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/11\/Onlineshop.jpg","datePublished":"2024-11-18T09:54:04+00:00","dateModified":"2024-11-26T15:32:00+00:00","breadcrumb":{"@id":"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/#primaryimage","url":"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/11\/Onlineshop.jpg","contentUrl":"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/11\/Onlineshop.jpg","width":1080,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/holzmayer.dev\/case-study\/onlineshop-mit-remix-und-shopify-integration\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/holzmayer.dev\/"},{"@type":"ListItem","position":2,"name":"Case Studies","item":"https:\/\/holzmayer.dev\/case-studies\/"},{"@type":"ListItem","position":3,"name":"Onlineshop mit Remix und Shopify Integration"}]},{"@type":"WebSite","@id":"https:\/\/holzmayer.dev\/#website","url":"https:\/\/holzmayer.dev\/","name":"Julian Holzmayer","description":"","publisher":{"@id":"https:\/\/holzmayer.dev\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/holzmayer.dev\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/holzmayer.dev\/#organization","name":"Julian Holzmayer","url":"https:\/\/holzmayer.dev\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/holzmayer.dev\/#\/schema\/logo\/image\/","url":"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/09\/JULIAN-HOLZMAYER-400-x-150-px.png","contentUrl":"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/09\/JULIAN-HOLZMAYER-400-x-150-px.png","width":325,"height":150,"caption":"Julian Holzmayer"},"image":{"@id":"https:\/\/holzmayer.dev\/#\/schema\/logo\/image\/"}}]}},"customer":"Anonym","overview":"<p data-pm-slice=\"1 1 []\">F\u00fcr ein innovatives Online-Shop-Projekt habe ich ein Entwicklerteam unterst\u00fctzt, das Frontend mit einer Kombination aus TailwindCSS, Remix und der Integration von Algolia Search umzusetzen.<\/p>","used_technologies":["Remix","TailwindCSS","Shopify","GraphQL","Git"],"challanges":"<p data-pm-slice=\"1 1 []\">Remix als Framework bringt einige Eigenheiten mit sich, die sich von anderen Frameworks unterscheiden. Zudem war die Nutzung von Algolia Search f\u00fcr die Suchfunktion ein essenzieller Bestandteil, um die Benutzerfreundlichkeit zu steigern und die Performance zu gew\u00e4hrleisten.<\/p>\r\nEine weitere Herausforderung bestand in der Einhaltung der genauen Designvorgaben, die in Figma bereitgestellt wurden, um ein pixelgenaues Ergebnis zu erzielen.","image_gallery":[{"ID":"1274","post_author":"1","post_date":"2024-11-18 14:30:30","post_date_gmt":"2024-11-18 14:30:30","post_content":"","post_title":"Onlineshop","post_excerpt":"","post_status":"inherit","comment_status":"open","ping_status":"closed","post_password":"","post_name":"onlineshop","to_ping":"","pinged":"","post_modified":"2024-11-18 14:30:30","post_modified_gmt":"2024-11-18 14:30:30","post_content_filtered":"","post_parent":"1250","guid":"https:\/\/holzmayer.dev\/wp-content\/uploads\/2024\/11\/Onlineshop.jpg","menu_order":"0","post_type":"attachment","post_mime_type":"image\/jpeg","comment_count":"0","pod_item_id":"1274"}],"solution":"<ul data-spread=\"false\" data-pm-slice=\"3 3 []\">\r\n \t<li>Implementierung des Frontends mit TailwindCSS f\u00fcr eine schnelle und flexible Gestaltung.<\/li>\r\n \t<li>Nutzung von Remix zur Bereitstellung einer modernen Webarchitektur mit hoher Performance.<\/li>\r\n \t<li>Integration von Algolia Search, um eine gute und schnelle Suchfunktion zu erm\u00f6glichen.<\/li>\r\n \t<li>Exakte Umsetzung der Figma-Designvorgaben, um ein pixelgenaues Layout zu garantieren.<\/li>\r\n<\/ul>","result":"<p data-pm-slice=\"1 1 []\">Mein Teil des Projekts wurde erfolgreich abgeschlossen, und die implementierten Frontend-Funktionen sind bereit zur Nutzung. Das Gesamtprojekt befindet sich allerdings noch in der Fertigstellungsphase. Da ein NDA unterzeichnet wurde, darf ich keine weiteren Details oder Visualisierungen des Projekts zeigen.<\/p>","_links":{"self":[{"href":"https:\/\/holzmayer.dev\/en\/wp-json\/wp\/v2\/case_study\/1250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holzmayer.dev\/en\/wp-json\/wp\/v2\/case_study"}],"about":[{"href":"https:\/\/holzmayer.dev\/en\/wp-json\/wp\/v2\/types\/case_study"}],"version-history":[{"count":1,"href":"https:\/\/holzmayer.dev\/en\/wp-json\/wp\/v2\/case_study\/1250\/revisions"}],"predecessor-version":[{"id":1426,"href":"https:\/\/holzmayer.dev\/en\/wp-json\/wp\/v2\/case_study\/1250\/revisions\/1426"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/holzmayer.dev\/en\/wp-json\/wp\/v2\/media\/1274"}],"wp:attachment":[{"href":"https:\/\/holzmayer.dev\/en\/wp-json\/wp\/v2\/media?parent=1250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}