How often do you visit a website and wonder why they look and feel so much like a native web application?
Well, those web applications like Gmail, Google Maps, Netflix, and Twitter have something in common. They all share the same build approach; they’re all [single-page applications](https://snipcart.com/blog/react-nextjs-single-page-application-seo).
They are quite easy to deploy and feel more snapping than more traditional websites, but how can you build one yourself. Stop wondering, ’cause guess what? I will show you how to build a Vue.js SPA (single-page application) using a headless CMS–Graph CMS.
![Vue.js + GraphCMS + Snipcart SPA](https://snipcart.com/media/205884/vue-graphcms-snipcart.png)
But how good would…
The serverless ecosystem has been expanding for almost ten years now, from solutions like AWS to Azure and Google Cloud to name the behemoths.
Like with anything in tech, smaller players entered the battlefield by shaving off verticals from the market and spinning off open-source alternatives. One of these verticals, which also happened to be gigantic with hindsight, is the deployment pipeline for static websites.
There are plenty of players, and the lines are blurry. Deciding which platform you’ll choose can be hard, but each solution has its own set of strengths and weaknesses.
For this post, we’ll only put…
A significant productivity milestone in my programming career was learning to debug correctly.
They do tell you it’s important at school. But like programming, you won’t get better unless you put in the hours.
Debugging happens at all stages of the dev cycle. Be it when you develop from scratch, maintain or refactor code, you’ll need to debug.
We will mainly use Vue.js in this post, but some of the tips are broad enough to apply in any dev context, even to life if you squint hard enough.
Here’s what we’ll explore:
I can’t believe I’m about to write about WordPress again.
I’m only (half) kidding, as the last time I played around the WP REST API, I thought it was actually pretty dope!
It was a real breath of fresh air to see a mammoth of the web industry opening up to modern trends and new paradigms.
When it comes to certain things in life, I’m a purist. A snob, even.
On the guitar, I avoid using a capo; when learning another language, I avoid Google Translate; when my best friend in the second grade brought a Game Genie for my Super Nintendo, I was forced into a tough realization: he could no longer be my best friend.
After all, if I’m going to learn something, I’m going to learn it right. No shortcuts, not for me.
Which is why I was so torn when taking a deeper dive into Ruby on Rails. …
We don’t make ’em like we used to, huh?
At least not with the JAMstack!
Developers should be able to use any stack, whether they’re building e-commerce or not.
☝️ That was the initial promise behind our developer-first shopping cart.
One we’ve kept for 5 years now.
Turns out 2018 stacks are more frontend-centric than ever, with React leading the pack.
With that in mind, I thought I’d craft a thorough piece on React e-commerce for developers.
In this post, I’ll explore how React and e-commerce can go hand-in-hand — with its multiple benefits & tools.
Then, I’ll go to full-on tutorial mode, showcasing my handcrafted React store using Gatsby.
Our nervous system is a real wonder.
Just think of that brain of ours… continually sending messages all over our bodies. Notifying us when we need to eat, sleep, or remove our hand from that stove.
Could you imagine having to consciously ask your brain if you’re hungry, hurt or tired?
Life would be unmanageable.
Not long ago, a developer friend of mine was telling me about a new e-commerce project for a client.
I would have loved to use a React.js app if only it wasn’t for all these SEO issues.
I thought I’d already convinced him with my earlier post on Vue.js that SEO with JS frameworks was manageable.
I guess not! So I started from scratch, and explained to my friend how to handle SEO with a React SPA.
Today, I’m putting my answer to him in words, using Next.js to craft a crawler-friendly e-commerce SPA.
In this tutorial, I’ll:
The first time we dived into the JAMstack & static site generators was with the awesome Middleman. Our in-depth integration with the Ruby site generator has been one of our most popular early posts. Since we’ve received a lot of positive feedback on it, we continued exploring site generators.
As we mentioned before, static website development is becoming a developer’s favorite: it’s cheap, fast, simple and effective. With the right tools, it’s also quite functional, even for clients. And all of that, of course, without getting lost in templates or having to install and update a CMS. With the Middleman…