Featured post
How to Estimate Software Projects
Everyone needs to set budgets, and for that we need to make estimates whether you like it or not. We've developed a process for estimation.
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F3362x2200%2F846d112608%2Fhands-on-globe.png%2Fm%2F&w=3840&q=75)
More from our Blog
The Latest Stuff
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2Fbb10c79073%2Freact-js-purple-green-1.jpg%2Fm%2F&w=3840&q=75)
Understanding React.js: Why It Matters in Web Development
Discover the significance of React.js in creating dynamic and responsive web applications
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1248x888%2Fb16d8bf0c6%2Fnextjs-maker-hand.png%2Fm%2F&w=3840&q=75)
Why NextJS for your Website or Web Application
Why are leading companies choosing NextJS as their web framework? Kalle drills into the details from a business perspective.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1000x841%2F2eb64d37f4%2Fcase-study-meisterlabs.png%2Fm%2F&w=3840&q=75)
Revolutionizing Task Management with a High-Performance Website
Meister is a leading provider of digital work management tools. Their mission is to empower teams to plan and organize their work seamlessly, regardless of technical experience. Their flagship product, MeisterTask, is a core component of their suite, which includes task and project management solutions, documentation tools, and mind-mapping applications.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2F2756d69d60%2Fcash-register.png%2Fm%2F&w=3840&q=75)
PPC: Integrating Meta and Google Ads with Google Tag Manager
Pay-per-click (PPC) advertising is great when you don't have time to wait to grow organic SEO to reach your target audiences. We'll focus on Meta and Google ads and integrating them with GTM.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2Fefe3e4e96f%2Fmagical-box.png%2Fm%2F&w=3840&q=75)
A Primer on GTM and GA
What is GTM (Google Tag Manager) and GA (Google Analytics)? What tasks does each have and how are they related?
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2F966a8749c6%2Fcustomizer-store.png%2Fm%2F&w=3840&q=75)
Product Customizers with Kickflip and Headless Commerce
Discover how to elevate your e-commerce with Kickflip, using headless commerce for unique, personalized shopping experiences that stand out.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1000x522%2Fa783dd3d3b%2Fhands-on-cloud.png%2Fm%2F&w=3840&q=75)
Navigating Infrastructure Choices: Serverless, Serverful, and Platforms on the Cloud
A guide in selecting the ideal infrastructure solution for your software project, considering serverless, serverful, and platform options. Make informed decisions to align with your project's unique requirements and goals.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1206x1198%2F6c475bb940%2Fmaker-pinecone.png%2Fm%2F&w=3840&q=75)
The Dynamic Trio: Storyblok, Vector DBs, and Chatbot - Fueling Conversations with Data Magic!
Unlock the full potential of OpenAI's Chatbot by leveraging the power of long-term memory using Vector Database (DB) and Storyblok. This article unveils the secrets behind seamless data ingestion and retrieval, enabling dynamic and engaging conversations.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1000x819%2Fb9411f8414%2Fcase-study-kickflip.png%2Fm%2F&w=3840&q=75)
Kickflip: Scalable Marketing Website with Storyblok
Kickflip creates product customizers for leading brands world-wide. Their tools integrate easily with the biggest e-commerce platforms like Shopify and WooCommerce, and they needed a marketing website to match the excellence of their SaaS services.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1000x565%2Ffa0e071d27%2Fhands-on-react.png%2Fm%2F&w=3840&q=75)
Get your ReactJS app in front of customers in weeks, not months
Kalle stresses the fact that productive React developers are great listeners that understand your business and empathize with your clients, and use tools they're well acquainted with, and work in small kick-ass teams.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F978x986%2F2d8eccbee1%2Fmigrating-salmon.png%2Fm%2F&w=3840&q=75)
Top Tips for a Seamless Content Migration to Storyblok
Switching from a traditional content management system (CMS) like WordPress to a powerful, flexible, and user-friendly platform like Storyblok can be challenging, but the benefits are undeniable. At Makers' Den, we're committed to helping our clients make a smooth transition from WordPress to Storyblok. In this article, we'll share our top tips for a seamless content migration process, ensuring that you can take full advantage of this innovative headless CMS.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1000x886%2F9ef9eae389%2Freact-logo.png%2Fm%2F&w=3840&q=75)
Why Your Business Should Consider React Native for App Development
Choosing the right tech for your app is daunting task – especially with so many options. React Native has emerged as one of the most popular platforms for app development
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1000x1056%2Fb60c89d6c3%2Frubiks-cube.png%2Fm%2F&w=3840&q=75)
Shopify and Hydrogen: A perfect combination for your composable commerce stack
Composable commerce architecture has been gaining in popularity in recent years. Whether it’s due to the agility, scalability, or cost efficiency it offers, this approach to building and developing online stores seems a safe bet for today’s ambitious online stores.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1000x819%2F816e79cbb2%2Fcase-study-invenda.png%2Fm%2F&w=3840&q=75)
INVENDA: Headless Content Management with Storyblok
Invenda creates industry-leading automated retail solutions and were looking for a new industry-leading website based on a Headless CMS to showcase their products. We were eager to help!
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F603x483%2F71825ba4cf%2Fcase-study-shift4.png%2Fm%2F&w=3840&q=75)
Shift4: Next Gen SSG Website
Shift4 provides end-to-end payment solutions for some of the leading brands online and tailor-made e-commerce solutions to most industry verticals. Their developer portal was due a refresh and they asked Makers' Den for a bleeding edge setup.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1000x819%2F336e61537d%2Fcase-study-cepres.png%2Fm%2F&w=3840&q=75)
CEPRES: Faster Website with Storyblok
CEPRES provides industry-leading investment technology and the world's largest private market data network to help investors. They wanted a best-in-class website to power their SEO, performance marketing and lead funnels.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1000x905%2Ff4016df55f%2Ffast-car.png%2Fm%2F&w=3840&q=75)
The speed advantage: Why Storyblok and Jamstack are the perfect match to ace your core web vitals
Web performance is a crucial factor for website owners and developers as it directly affects the user experience of their visitors. In recent years, the rise of the Jamstack architecture has provided an efficient way to build fast websites that rank high in SERP. Storyblok is a headless CMS that is built to work with Jamstack, providing the speed advantage necessary to ace your site’s Core Web Vitals metrics. In this article, we will try to provide a high-level overview of the benefits of using Storyblok to get better Core Web Vitals in Jamstack architecture. But first, let’s quickly go over the basics.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F833x732%2F3107b37e94%2Fcase-study-influencerdna.png%2Fm%2F&w=3840&q=75)
Influencer DNA: Incluencer Marketing Platform
Influencer DNA has a ReactJS & NodeJS based influencer platform. They are home from the Netherlands and have the leading database of premium influencers in that region - complete with target audience profiles.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F810x639%2F6dfb281d40%2Fcase-study-proedu.png%2Fm%2F&w=3840&q=75)
ProEdu: Employee Certification Management
ProEdu is in the healthcare education space and had an idea for a brand new service, leveraging its position as an education provider. They needed a trustworthy partner to iterate this into reality - and we did.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F583x523%2Ff76fc76a1e%2Fcase-study-olx.png%2Fm%2F&w=3840&q=75)
OLX: Global Fraud Detection Frontends
OLX needed seasoned ReactJS veterans to further develop their frontends in the space of fraud detection. We gave them our hearts and minds to tackle this challenge.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F609x564%2Fd136bb5891%2Fcase-study-klarna.png%2Fm%2F&w=3840&q=75)
Klarna: Bespoke payment solutions for big brands
Klarna is huge. Their clients can be huge. Huge clients deserve custom solutions. We provided said custom solutions using ReactJS, NodeJS, and Typescript.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1000x791%2F3d452cfb73%2Fcase-study-pexip.png%2Fm%2F&w=3840&q=75)
Pexip: Engage Showcase Site
Pexip Engage is an enterprise scheduling SaaS. Their customers are banks and insurance companies, and they appreciate hands on demos on how to leverage the service. We were happy to help.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F583x498%2F71738e98af%2Fcase-study-telescope.png%2Fm%2F&w=3840&q=75)
Telescope: Frontend Team Power-Up
Automated prospecting start-up Telescope helps sales people find relevant leads, craft personalized email sequences, and manage messaging via your personal email account. A major pain point for those doing outbound sales, and Makers' Den was happy to help make it reality.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1000x819%2Fe844718013%2Fcase-study-wonder.png%2Fm%2F&w=3840&q=75)
Wonder: Scaling up the Frontend Team
Berlin-based spatial video conferencing service Wonder hit the startup scene with a bang during the pandemic and reached hockey stick growth numbers. They needed to grow fast to meet demand and asked for our support.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F795x694%2F8ca9fe2fa1%2Fcase-study-yade.png%2Fm%2F&w=3840&q=75)
Yade: Automating Property Management
Yade manages properties. This is a lot of manual work. To scale the business - automation is key. With our Full-stack ReactJS dev team, we created a complete property management suite.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F809x738%2F493c9d3db3%2Fcase-study-atomichub.png%2Fm%2F&w=3840&q=75)
AtomicHub: Prototyping an Ads platform to prod
How do you create an ads platform? One step at a time - and leveraging a ReactJS/Typescript/NodeJS/Prisma/PSQL stack to iterate it fast.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2F15cf2769c8%2Fgraffiti.png%2Fm%2F&w=3840&q=75)
Reverse Engineering Styled Components
CSS-in-JS is cool, but how does it really work? Turns out it's not that difficult to create a styled-components like library yourself. Find out how right here.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2F65d119aa51%2Fspeedometer.png%2Fm%2F&w=3840&q=75)
A look at Google Core Web Vitals
Google's Core Web Vitals are an SEO ranking factor that is increasing in importance. We know how to please Google's black box.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2F87f9248d3c%2Fsuit.png%2Fm%2F&w=3840&q=75)
How to write a winning project proposal
Before you get to do a project, you need to convince your management that it has wortwhile ROI. This is how you do it.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F3362x2200%2F846d112608%2Fhands-on-globe.png%2Fm%2F&w=3840&q=75)
How to Estimate Software Projects
Everyone needs to set budgets, and for that we need to make estimates whether you like it or not. We've developed a process for estimation.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1012x735%2F25d0c4fb17%2Fvideo-kalle.png%2Fm%2F&w=3840&q=75)
Flights of Berlin
In this video Kalle shows how using open flight data, he could extract it, mangle it, put it in the browser and create a neat visualisation of Berlin airports.
Watch Video
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1012x735%2Fc1067dce68%2Fvideo-korneliusz.png%2Fm%2F&w=3840&q=75)
FLIP Animation technique
In this video Kornliusz explains how FLIP animations work. First, Last, Invert and Pivot - aka FLIP - is a technique to achieve smooth animations on the web.
Watch Video
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1012x735%2F25d0c4fb17%2Fvideo-kalle.png%2Fm%2F&w=3840&q=75)
In-store Shopping Cart App
In this video Kalle demos how he built an in-store shopping cart app, using only web tech and delivering a self-service checkout process.
Watch Video
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1012x735%2F25d0c4fb17%2Fvideo-kalle.png%2Fm%2F&w=3840&q=75)
What is JAMStack
In this video Kalle explains the basic tenents behind JAMStack architectures and why it could be something for you to consider.
Watch Video
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1012x735%2Fc1067dce68%2Fvideo-korneliusz.png%2Fm%2F&w=3840&q=75)
Hasura
In this video Kornliusz dives into Hasura, and why it might be a cool solution instead of your standard db + backend + api combo.
Watch Video
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1012x735%2F25d0c4fb17%2Fvideo-kalle.png%2Fm%2F&w=3840&q=75)
Why GraphQL
In this video Carl deconstructs why you may want to use GraphQL for your API.
Watch Video
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2Ff87ce1ce6b%2Fanimation-frames.png%2Fm%2F&w=3840&q=75)
FLIP animation in React
First, Last, Invert and Play - aka FLIP animations. It's a cool technique you can leverage to do smooth animations used in libraries like Framer, and enables animating CSS layouts like flex and grid.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2F8957145813%2Fgitlab-artistic-logo.png%2Fm%2F&w=3840&q=75)
Reducing gitlab runner cost with AWS Spot Instances
We all like to save money, and by running your Gitlab runners on AWS spot instances, you can save a bunch.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2F2756d69d60%2Fcash-register.png%2Fm%2F&w=3840&q=75)
Integrating with Klarna Payments
The #1 resource on how to integrate with Klarna's payment API to deliver a kick-ass in-store checkout app.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2Fd69f3e1513%2Fairplane.png%2Fm%2F&w=3840&q=75)
ReactJS 3d Map DataViz with DeckGL: Flights of Berlin
Kalle created a nice 3d map visualisation of flights coming in and out of Berlin. It's based on raw data from OpenSky and the visualisation is done with DeckGL on top of ReactJS.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2F105a237336%2Fredwood.png%2Fm%2F&w=3840&q=75)
RedwoodJS
Who will become the Ruby on Rails of Javascript? RedwoodJS certainly wants to.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2Fa9d8a3a700%2Fletter-blocks.png%2Fm%2F&w=3840&q=75)
KitaExpert - ending preschool struggles
Finding a Kindergarten spot in Berlin is hard. So obviously we built a JAMStack app to help with this.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2Ffc20fa6f74%2Fapple.png%2Fm%2F&w=3840&q=75)
PWA in 2020, come on Apple!
PWAs have been on the verge of breakthrough for years - but there's always some small thing missing.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F616x758%2F7061ad7358%2Fanonymous-mask.png%2Fm%2F&w=3840&q=75)
Hacking smart contracts
To defend against hacks for your smart contracts, the best way is to learn how to hack them.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2Fc1abfb20b2%2Fwedding-cake.png%2Fm%2F&w=3840&q=75)
A sectional website builder with Prismic.io, React and Gatsby.JS
I’ll show you how Makers’ Den created a custom sectional website builder for Friday.de using Prismic.io, ReactJs and Gatsby.js.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2Fe4b69040d7%2Fdesign-system.png%2Fm%2F&w=3840&q=75)
Implementing the friday.de design system in React
How did we create a design system and re-usable component library from scratch with ReactJS and CSS-in-JS?
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F603x463%2F144b6f70f0%2Fcase-study-friday.png%2Fm%2F&w=3840&q=75)
FRI:DAY: Re-architetcting a website for scale
FRI:DAY leads digital car insurance in the German market and we redid their approach to their website based on a Headless CMS and ReactJS.
Read Case Study
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2F7e92bb2680%2Frestaurant-dining-table.png%2Fm%2F&w=3840&q=75)
The most market-driven restaurant
Uniswap is an automated token exchange running on Ethereum blockchain. Kimi elaborates on how it could be used to run a restaurant.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2F4081859f13%2Fjam-jar.png%2Fm%2F&w=3840&q=75)
Why JAMStack
JAMStack (Javascript, Apis and Markup) is synonymous with web apps that have no runtime backends components, except lightweight API dependencies.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2Fefe3e4e96f%2Fmagical-box.png%2Fm%2F&w=3840&q=75)
Svelte 3
Svelte3 is one of the newest contenders for relevant frontend frameworks. It unique value prop is compiling the frameworks itself away during build time.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2Fac26d86ad7%2Ffighter-jet.png%2Fm%2F&w=3840&q=75)
Go fast and don't break things
Korneliusz philosophizes about how software can be developed fast, without breaking it.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F1024x1024%2Fabdabcd110%2Ffunny-react-logo.png%2Fm%2F&w=3840&q=75)
A look inside React Fiber
Korneliusz did a deep dive into React Fiber before it was cool. This seminal article is an in-depth analysis of the topic and goes down into the nitty gritty of concurrent rendering in React, including the source code itself.
Read Article
![image](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F188026%2F556x692%2F29aa2dfe66%2Fspock-hand.png%2Fm%2F&w=3840&q=75)