[International Event Introduction] The Future of the Jamstack – Exciting Frameworks, Tools, and More with Cassidy Williams

What is Jamstack?

Ms. Cassidy Williams responds as follows.

 

 

Cassidy Williams: "The web development technology that compiles everything that can be done in advance and retrieves data as needed." In other words, it is an architecture that minimizes decoupling (dependencies) as much as possible.

 

It can be said that it is similar to mobile app development. Applications created for iOS and Android are already compiled, and data is fetched or processed as needed. In Jamstack, the browser is treated like an OS, and the behavior is very similar.

 

When she joined Netlify, everyone on the staff was enamored with the buzzword "Jamstack." But she...

Isn't that just web development???

It seems that they secretly thought so.

 

In other words, for her, Jamstack is not the emergence of something new, but rather a naming of a concept that has already existed.

 

Mr. James Quick also agrees with this.

 

 

James Quick: JavaScript, which is the "J" in Jamstack, and API, which is the "A", have both existed for a long time. Perhaps we started calling the creative combination of these elements Jamstack.

Featured Frameworks

An essential framework for building Jamstack. In response to questions from listeners, Cassidy Williams introduced three frameworks that she highly values.

 

① Vite
② REMIX
③ Astro

 

Let's take a look at what the framework of interest is all about!

 

- Notable Framework -

① Vite

You might want to read it as 'Baito' in an English way, but... to be precise, it's 'Veet'.

 

It comes from the word meaning 'fast' in French.

 

Vite is a build tool for fast development. It is said that developers of another fast build tool called snowpack are also migrating to Vite.

 

It is believed that this will become the mainstream in the future.

 

 

Cassidy Williams: "Vite is amazing. It's incredibly fast. It's truly a next-generation tool. I don't even want to deal with webpack, which is used for the same purpose... (>_<) id="3">

② REMIX

The framework "REMIX" built on top of React Router.

 

Excellent at state management.

 

Additionally, you can easily separate page components with URL delimiters, allowing for data display by parts. There is no need to wait for the entire page to load.

 

We are pleased to announce that it has been open-sourced since November 2021!

 

Excellent POINT of REMIX

 

● Intuitively easy to understand

When using traditional JavaScript methods,

Set up asynchronous communication → Load it

This complex operation is required.

 

This means that in REMIX, it can be done with a simple and clear action of "calling and obtaining the return value".

 

● Load necessary files concurrently

This is an advantage not found in other frameworks.

 

Although the overall document loading time may take longer, the perceived page display time will be dramatically faster.

 

The REMIX policy, "Don't show the spinning wheel when loading!" is truly being realized.

 

https://remix.run/
Please experience REMIX on the actual site!

 

③ Astro

 

The last framework we would like to introduce as a highlight is "Astro".

 

Astro is a static site generator, but it has some differences from other similar frameworks.

 

That is...

The ability to freely combine various JavaScript frameworks.

 

Integrate completely different frameworks like React and Vue, ultimately outputting pure HTML without any JavaScript.

 

Normally impossible, data exchange of variables between different frameworks is made possible through Astro.

 

If there are technical assets written in different frameworks, Astro will be adopted as a strong, if not the only, option.

Engineering Theory

There is a tendency to prefer a method of developing after proper design, and both individuals,

"Rather than seeking perfection from the start, we should publish something that works, no matter what." it states.

 

That said,

"It won't hold up when the number of users increases..."

"What should we do when going public..."

Many people may hesitate and think like that.

 

In fact,

I have a great idea, but if I make it public, it will be stolen. However, I want advice. What should I do?

I often hear such voices.

 

However,

"First, try making anything. By having people use it, something will begin."

This is the thought of Ms. Cassidy Williams.

 

Furthermore, Cassidy Williams says.

 

 

Cassidy Williams: "I want to convey that no matter how great an idea is, it has no value if it is not realized."

 

If someone were to create an app or something based on that idea, let's celebrate the fact that the idea has borne fruit. At the very least, it would serve as motivation to create something else inspired by it. After all, there shouldn't be ideas so unique that no one else could think of them.

 

There are many people like me who talk on YouTube or write on blogs. However, each writer and speaker has their own unique perspective. Therefore, even if others are already doing it, it is still something valuable.

 

Whether it's an app or anything else, it's important to take action and create something rather than just thinking and worrying about it!!

Finally

To avoid repeating the history of struggles with inadequate design, the current trend has been to emphasize more proper design. In this context, I felt that the rise of Jamstack has led to a resurgence in casually starting development.

 

It may be that we can now recommend creating something without fear of failure, because even if it is rough, the negative aspects associated with it have been mitigated by Jamstack technology.

 

Thank you for reading until the end.

 

Human Science Co., Ltd. provides solutions for web content and platforms using a unique combination of "document production know-how" and "the latest web development technology (Jamstack)" that is not available from other companies.

If you are interested, please feel free to contact us here!

Human Science Co., Ltd.

https://www.science.co.jp/document/jamstack.html

 

Source of this document: https://www.youtube.com/watch?v=ryngYoHXNfQ