Savvas Stephanides Profile picture
Jul 8, 2020 15 tweets 6 min read Read on X
My love-hate relationship with the #JAMStack

A thread 🧵 👇

#100DaysOfCode
The year was 2020. The lockdown has taken its toll on my boredom. Browsing software development forums became my second job. I knew all the trends. All the hot topics.
That’s where I discovered something called The JAMStack. “Sounds delicious”, I thought to myself. Let’s learn more! Turns out it stands for “Javascript, APIs and Markup”! I am intrigued.
By coincidence, a year or so before I started discovering @GatsbyJS and @Netlify and how awesome they are at building and deploying static websites when working together
Back then, however, I had a different mindset. I was a more “traditional” developer. “A web application without a proper LAMP stack? Inconceivable!!”.
“How am I supposed to store data and files?” I thought. The JAMStack community had the answer: “everything’s on Github of course!” The answer was disappointing to me. No way I’m forcing potential clients that have nothing to do with programming create a GitHub account.
On the other hand, however, it was great for me because I know GitHub quite well. I could create a blog website using the JAMStack fine. But for projects where clients aren’t developers? JAMStack isn’t the right choice. Or is it...
A random thought popped into my head: don’t you have a Google Drive account you haven’t used since university? And doesn’t it have a well developed API you can use?
Well! There you go! You don’t like GitHub for storage? There it is! There’s your solution for file storage! Google Drive it is. But what about data?
Google has another fancy tool which also has a nice API! Yeap! You got it! Google Sheets! That’s your data storage right there!
The more I thought of it, the more I loved the idea of the JAMStack. All the while everything is free! All you need to pay for is the domain.
OK! All is great! But there’s one thing missing. I needed to create some sort of API which binds it all together in a nice package.

Enter: SERVERLESS!
The easiest way to create an API is serverless. AWS Lambda. Azure Functions. Netlify Functions. So many choices! What? The first million requests are free? What are you waiting for! Bring it in!
And with all that, I never looked back. Last month, I published my first full JAMStack application. A website for my dad’s small business. Complete with a custom admin console. Saving him a ton of 💰

savvasstephanides.github.io/showcase/sscom…
And this ladies and gentlemen, is how I learned to love an architecture I hated, because I haven’t thought things through thoroughly. Saving me a bunch of money in the process. #

Thank you for your time.

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Savvas Stephanides

Savvas Stephanides Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @SavvasStephnds

Jan 23, 2023
What are Data Structures? 💿

Let's explain.
When you use a website or an app, a lot of things are going on in the background in order to give its users what they're looking for.

Things are being carried out and the result of these things depend on other things.
One of these things that influence how an app behaves, is the information that it has on hand. For example:

💿 The user's name so the app can give a personalised greeting.
💿 The list of tasks in a to-do list so the app can list them, add things or remove things from it.
Read 12 tweets
Sep 27, 2021
Javascript is the most versatile programming language out there.

You can build anything: interactive web apps, to servers, to mobile and desktop apps.

It does come with its own set of concepts that anyone working with it should know.

Here's 11 of them, explained.

👇🧵
Promises, explained:

savvas.me/explained/prom…
async/await explained:

savvas.me/explained/asyn…
Read 12 tweets
Sep 25, 2021
TOP 5 CHEST PRESS EXERCISES!

Thread 🧵👇 #FitnessWeekend Image
5. MACHINE CHEST PRESS

Equipment: machine

How to do it: bodybuilding.com/exercises/leve… Image
4. CABLE CROSS-OVER

Equipment: cable

How to do it: bodybuilding.com/exercises/cabl… Image
Read 8 tweets
Jun 3, 2021
WHAT IS GRAPHQL?

Let's explain!
This thread is also available in a more readable and accessible format here:

🔗 savvas.me/explained/grap…
You probably heard of GraphQL as a new way to retrieve data from a web service. Possibly as an alternative to REST services. But what is it exactly?
Read 16 tweets
Jun 1, 2021
How I made savvas.me

A thread 🧵👇 Image
1⃣ The stack:

I wanted my website to be as fast and snappy as possible.

Which is why this website is 100% Jamstack. The code, posts, assets are all stored in a repository on Github - github.com/savvasStephani….

...and the website itself is made with Gatsby. Image
2⃣ Hosting

For my website, I wanted for the builds to execute immediately after pushing new changes.

The Markdown blog files, the assets (images, videos), JS files, styling etc are all hosted on Github.

The end result from building the website is hosted and managed on Netlify. Image
Read 9 tweets
Mar 29, 2021
Should I use forEach() or map()?

Both iterate through arrays in Javascript, but how do they differ? Let's see:

Thread 🧵👇

#100DaysOfCode #CodeNewbie #javascript
🚨 This thread is also available in a more accessible version here:

👇

🌐 savvas.netlify.app/explained/fore…
If you're learning Javascript, sooner or later you'll come across the forEach() and map() functions. It is quite often that there is some confusion about what each one does.
Read 15 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(