[{"data":1,"prerenderedAt":172},["ShallowReactive",2],{"marketplace-site-banners":3,"github-stars":9,"projects-kontraloop-cc-real":115,"projects-related-kontraloop-cc-real":153},[4],{"id":5,"icon":6,"content":7,"link":8,"include_paths":6,"exclude_paths":6},"5cf2f5f6-aecf-4395-8c23-69de326fdf02",null,"Directus V12 is here","https:\u002F\u002Fdirectus.com\u002Fresources\u002Fv12-built-for-the-whole-team",{"id":10,"node_id":11,"name":12,"full_name":13,"private":14,"owner":15,"html_url":33,"description":34,"fork":14,"url":35,"forks_url":36,"keys_url":37,"collaborators_url":38,"teams_url":39,"hooks_url":40,"issue_events_url":41,"events_url":42,"assignees_url":43,"branches_url":44,"tags_url":45,"blobs_url":46,"git_tags_url":47,"git_refs_url":48,"trees_url":49,"statuses_url":50,"languages_url":51,"stargazers_url":52,"contributors_url":53,"subscribers_url":54,"subscription_url":55,"commits_url":56,"git_commits_url":57,"comments_url":58,"issue_comment_url":59,"contents_url":60,"compare_url":61,"merges_url":62,"archive_url":63,"downloads_url":64,"issues_url":65,"pulls_url":66,"milestones_url":67,"notifications_url":68,"labels_url":69,"releases_url":70,"deployments_url":71,"created_at":72,"updated_at":73,"pushed_at":74,"git_url":75,"ssh_url":76,"clone_url":77,"svn_url":33,"homepage":78,"size":79,"stargazers_count":80,"watchers_count":80,"language":81,"has_issues":82,"has_projects":82,"has_downloads":82,"has_wiki":14,"has_pages":14,"has_discussions":82,"forks_count":83,"mirror_url":6,"archived":14,"disabled":14,"open_issues_count":84,"license":85,"allow_forking":82,"is_template":14,"web_commit_signoff_required":14,"has_pull_requests":82,"pull_request_creation_policy":90,"topics":91,"visibility":32,"forks":83,"open_issues":84,"watchers":80,"default_branch":111,"temp_clone_token":6,"custom_properties":112,"organization":113,"network_count":83,"subscribers_count":114},7122594,"MDEwOlJlcG9zaXRvcnk3MTIyNTk0","directus","directus\u002Fdirectus",false,{"login":12,"id":16,"node_id":17,"avatar_url":18,"gravatar_id":19,"url":20,"html_url":21,"followers_url":22,"following_url":23,"gists_url":24,"starred_url":25,"subscriptions_url":26,"organizations_url":27,"repos_url":28,"events_url":29,"received_events_url":30,"type":31,"user_view_type":32,"site_admin":14},15967950,"MDEyOk9yZ2FuaXphdGlvbjE1OTY3OTUw","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F15967950?v=4","","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus","https:\u002F\u002Fgithub.com\u002Fdirectus","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Ffollowers","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Ffollowing{\u002Fother_user}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fgists{\u002Fgist_id}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fstarred{\u002Fowner}{\u002Frepo}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fsubscriptions","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Forgs","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Frepos","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fevents{\u002Fprivacy}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Freceived_events","Organization","public","https:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus","The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fforks","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fkeys{\u002Fkey_id}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcollaborators{\u002Fcollaborator}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fteams","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fhooks","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues\u002Fevents{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fevents","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fassignees{\u002Fuser}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fbranches{\u002Fbranch}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Ftags","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Fblobs{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Ftags{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Frefs{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Ftrees{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fstatuses\u002F{sha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Flanguages","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fstargazers","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcontributors","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fsubscribers","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fsubscription","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcommits{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Fcommits{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcomments{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues\u002Fcomments{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcontents\u002F{+path}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcompare\u002F{base}...{head}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fmerges","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002F{archive_format}{\u002Fref}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fdownloads","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fpulls{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fmilestones{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fnotifications{?since,all,participating}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Flabels{\u002Fname}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Freleases{\u002Fid}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fdeployments","2012-12-12T01:35:36Z","2026-06-10T12:53:26Z","2026-06-10T07:03:25Z","git:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus.git","git@github.com:directus\u002Fdirectus.git","https:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus.git","https:\u002F\u002Fdirectus.com",443957,36006,"TypeScript",true,4791,382,{"key":86,"name":87,"spdx_id":88,"url":6,"node_id":89},"other","Other","NOASSERTION","MDc6TGljZW5zZTA=","all",[92,93,94,95,96,97,12,98,99,100,101,102,103,104,105,106,107,108,109,110],"api","app","cms","composable","data-visualization","database","graphql","headless-cms","javascript","mariadb","mssql","mysql","no-code","node","postgresql","sql","sqlite","typescript","vue","main",{},{"login":12,"id":16,"node_id":17,"avatar_url":18,"gravatar_id":19,"url":20,"html_url":21,"followers_url":22,"following_url":23,"gists_url":24,"starred_url":25,"subscriptions_url":26,"organizations_url":27,"repos_url":28,"events_url":29,"received_events_url":30,"type":31,"user_view_type":32,"site_admin":14},327,{"id":116,"project_title":117,"slug":118,"short_summary":119,"featured_image":120,"built_with":121,"use_cases":124,"content":126,"client_name":127,"website":128,"website_screenshot":129,"website_metadata":6,"image_gallery":130,"partner":146},140,"Kontraloop","kontraloop-cc-real","We build a modern, high-preformance website using Directus as a flexible, modular CMS. We delivered a fully bilingual platform with clear content structure, fast loading speeds, and seamless manageability for the client's team. Directus enables easy control of all pages, galleries and pricing configurations without technical skills while ensuring scalability for future growth. Combined with Nuxt 3 frontend and full integration with the BookedIT reseervation system, the result is a streamlined digital experience that boosts customer engagement simplifies bookings, and strengthens Kontraloop's digital identity.","8351921c-18eb-4787-8f40-45ea468499e3",[122,123],"Nuxt","Vue.js",[125],"CMS","\u003Ch2 dir=\"ltr\">ABOUT THE CLIENT\u003C\u002Fh2>\n\u003Cp dir=\"ltr\">Kontraloop d.o.o. was founded in 2025 to create a unique indoor entertainment destination combined with high-quality gastronomy. The founders are part of the CC Real Group — a real estate asset management and investment company headquartered in Vienna, with offices across multiple countries, including Croatia. In Croatia, CC Real manages the largest shopping center in Istria, Max City Pula, as well as City Center One Split — home to the Kontraloop entertainment venue.\u003C\u002Fp>\n\u003Ch2 dir=\"ltr\">THE CHALLENGE\u003C\u002Fh2>\n\u003Cp dir=\"ltr\">Kontraloop needed a distinctive, modern website that would stand out visually and allow visitors to quickly access relevant information or book activities — whether for everyday fun or special events. The key requirement was to build a custom digital platform fully integrated with an external booking system to support seamless reservations.\u003C\u002Fp>\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\n\u003Ch2 dir=\"ltr\">THE SOLUTION\u003C\u002Fh2>\n\u003Cp dir=\"ltr\">We developed a modern, visually appealing website built around a clear content structure and intuitive navigation. The site is fully bilingual to support a broader audience and features well-organized categories to ensure a smooth user experience.\u003C\u002Fp>\n\u003Cp dir=\"ltr\">A key component of the project was the integration with BookedIT, a booking platform for leisure and hospitality venues that enables businesses to increase average order value, save time, and offer a streamlined experience across reservations, payments, CRM, and marketing tools.\u003C\u002Fp>\n\u003Ch2 dir=\"ltr\">METHODOLOGY & APPROACH\u003C\u002Fh2>\n\u003Cp dir=\"ltr\">The project began with a product discovery workshop, focused on identifying what mattered most to Kontraloop’s customers and defining expectations from the website.\u003C\u002Fp>\n\u003Cp dir=\"ltr\">Core functional requirements included:\u003C\u002Fp>\n\u003Cul>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">A clean content presentation\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">A CMS enabling management of all content, galleries, and pricing configurations\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">High loading speed\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">SEO optimization\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">A UX designed for quick scanning of the offer\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Scalability for future expansion\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp dir=\"ltr\">We selected Directus as a modular and flexible CMS and Nuxt 3.0 for the frontend. The integration with BookedIT enables seamless reservation flows for birthday parties, celebrations, and activity bookings requiring advance preparation.\u003C\u002Fp>\n\u003Ch3 dir=\"ltr\">Technologies Used\u003C\u002Fh3>\n\u003Cul>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Nuxt 3.0 (Vue.js) for the dynamic frontend (hosted on Vercel)\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Directus CMS, hosted on AWS\u003Cstrong>\u003Cbr>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3 dir=\"ltr\">Implementation Process\u003C\u002Fh3>\n\u003Cp dir=\"ltr\">The project was delivered following TCO methodology and included:\u003C\u002Fp>\n\u003Col>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Product discovery workshop\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">UX\u002FUI product design\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Frontend platform development\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Testing\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Ongoing maintenance\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch3 dir=\"ltr\">Team Structure\u003C\u002Fh3>\n\u003Cul>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Project Manager\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Lead Developer\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Frontend Developer\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">UI\u002FUX Designer\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">QA Engineer\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 dir=\"ltr\">RESULTS & OUTCOMES\u003C\u002Fh2>\n\u003Cp dir=\"ltr\">The new Kontraloop website delivered clear, measurable value. Users can now navigate the platform easily, access key information quickly, and book their activities effortlessly through the BookedIT integration. The bilingual interface and optimized content structure expand reach and significantly enhance the user experience.\u003C\u002Fp>\n\u003Cp dir=\"ltr\">The Directus-based CMS allows the Kontraloop team to manage all content securely and efficiently — without requiring technical expertise. The modern technical stack ensures exceptional speed, stability, and long-term scalability.\u003C\u002Fp>\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\n\u003Ch2 dir=\"ltr\">CONCLUSION\u003C\u002Fh2>\n\u003Cp dir=\"ltr\">The project was successfully delivered thanks to a clear methodology, well-defined functional requirements, and strong collaboration with the client. Kontraloop now has a reliable digital platform that supports their business model and growth — from attracting new customers to managing reservations more efficiently.\u003C\u002Fp>\n\u003Cp dir=\"ltr\">With a modern tech stack, performance-focused UX, and seamless booking integration, the website reflects the same level of quality that Kontraloop provides in their physical entertainment space. The result is a recognizable, fast and user-friendly digital product that forms the foundation of the brand’s digital identity.\u003C\u002Fp>\n\u003Cp>\u003Cstrong id=\"docs-internal-guid-baefa537-7fff-c179-ce12-57c5b819ef49\">\u003Cbr>\u003Cbr>\u003C\u002Fstrong>\u003C\u002Fp>","CC Real","https:\u002F\u002Fkontraloop.hr\u002F","360c82f8-abe7-41d2-b14b-0d20c606a5e4",[131,136,141],{"id":132,"directus_files_id":133},226,{"id":134,"title":135,"description":6},"d6fe8449-7bd8-4419-ba80-e1cdd6ceddc1","Screenshot 2025 12 10 at 10.26.02",{"id":137,"directus_files_id":138},227,{"id":139,"title":140,"description":6},"5a48633f-d3f6-431f-97c7-b76130d67b50","Screenshot 2025 12 10 at 10.26.17",{"id":142,"directus_files_id":143},228,{"id":144,"title":145,"description":6},"389d31da-30e5-4cb6-a57c-c4de8b8e79c1","Screenshot 2025 12 10 at 10.25.50",{"id":147,"partner_name":148,"slug":149,"partner_logo":150,"short_description":151,"region":6,"country":152},"e0aaace2-e99a-4cd8-a0ed-0acd4fdf1ef6","Lloyds digital","lloyds-digital","e18a21ed-ce98-423b-bcf9-9513c871fc79","We transform business needs into scalable digital products, specializing in custom software, mobile apps, and eCommerce solutions.\n\n","Croatia",[154,160,166],{"id":155,"project_title":156,"slug":157,"short_summary":158,"featured_image":159},8,"Creating Topper, a Seamless User Experience in the Cryptocurrency Industry","topperpay-com","We developed a secure platform for purchasing cryptocurrencies, ensuring regulatory compliance and protecting user assets. Our services encompassed research, design, and development to create an intuitive and secure user experience. The outcomes include a regulatory compliance widget and a streamlined purchasing process, making cryptocurrency transactions easy and secure for our clients.","e7f1d16c-868f-4b26-a365-4361f3872538",{"id":161,"project_title":162,"slug":163,"short_summary":164,"featured_image":165},9,"How we helped i-charging beat the market","i-charging-pt","i-charging came with a challenge to us: to develop an interface to provide support for charging electric vehicles in an easy and intuitive way for the end-user and compares favorably with current market offerings.\n\n","0232d254-222f-42ac-96b6-a0776807b90a",{"id":167,"project_title":168,"slug":169,"short_summary":170,"featured_image":171},41,"PIS - Product Information System","pis-wuestenrot-at","The Wüstenrot Product Information System (PIS) enables both internal and external employees to find out about the company's products and the latest news. Apps, pages, articles and sidebar elements can be efficiently managed via the backend.\n\nContent can be personalised according to user groups.","7a19c678-9984-45d9-8fe7-a085a4a17e0c",1781100658184]