Submit my project

Your next move.

Follow the web agency Blacksmith on LinkedIn

You have a great idea or project to bring to life?

Our web development and web design agency is ready to create it!

Blog

HowtoCreateFastandSecureSiteswiththeJAMStack?

06.12.225MIN
CSSDesignHTML
Jean-François Arnaud
Jean-François ArnaudCEO of Blacksmith

How do you manage to have very lively sites running faster than my WordPress?!

This is the question asked by one of our clients.

⏱️ It's a fact, some users are very sensitive to the performance (loading speed, fluidity of the site in general, etc.) of websites and notice on some of our work that despite the presence of animations or micro- interactions, these sites load faster than a simple WordPress site.

How it is possible ? Thanks to the #JAMStack!

How do you manage to have very lively sites running faster than my WordPress?!

What is JAMStack?

It is the acronym (Javascript API Markup) of a “technology stack” (stack) which makes it possible to build static sites, that is to say sites where the pages displayed are the same for all visitors.

Attention, “static” does not prevent having animations or being able to manage its content in a CMS!

Benefits ? A static site is fast, has a low hosting cost and is more secure (the site only consists of several HTML files, the APIs being served by the CDN that hosts the site) 💯

Your site is therefore faster, more economical in server resources and therefore more ecological than a "classic" site.

What is JAMStack?

Which programming languages should I use?

Our preferences ❤️ at Blacksmith:

- React.js (created/maintained by Facebook) in Javascript

- the CMS Headless Strapi (which we are lucky to count among our partners) to create the Rest API

- Next.js to generate static HTM pages (the "Markup")


Then, you will just need to add:

- a CI/CD pipeline to generate a new site version with each code modification or content change from the CMS, on our side we like the Github version

- hosting via a CDN, at Blacksmith we mainly use #Vercel or #AWS Amplify

More info on the JAMStack here: https://jamstack.org/ and you can contact us at partners@blacksmith.studio for your JAMStack site projects;

Articles of the same category

Articles in progress...
Contact
Ready to workwith us ?
Click to copy