When it comes to building eco-friendly applications, many people still think of basic, static websites that load slowly and offer limited functionality. But with modern technology, that's no longer the case. In fact, using a framework like Next.js and leveraging static site rendering can help create performant and eco-friendly applications that deliver an exceptional user experience.

So, what is Next.js and how does it help with eco-conception? Next.js is a popular React framework that makes it easy to build server-rendered applications with modern JavaScript. One of the key benefits of Next.js is its support for static site rendering, which means that pages are pre-generated at build time and served as static assets. This approach offers several advantages over traditional server-side rendering, including faster load times, improved SEO, and reduced server load.

But how does this translate into an eco-friendly approach? Well, by pre-generating pages at build time, the server doesn't need to generate content on the fly, which can consume a lot of energy. This means that our applications are not only faster, but also require less server resources and have a lower carbon footprint.

In addition, static site rendering allows us to leverage modern web technologies like React and other client-side frameworks while still maintaining excellent performance. By using modern technologies and optimizing code, we're able to create applications that are both eco-friendly and highly functional.

So, if you're still thinking of eco-conception as old, boring websites, it's time to reconsider. With Next.js and static site rendering, we're able to create performant, modern applications that are also environmentally responsible. Whether you're building a blog, an e-commerce site, or a complex web application, we're confident that we can create a solution that meets your needs while also making a positive impact on the planet.





By leveraging frameworks like Next.js and static site rendering, we're able to build high-performing and eco-friendly applications that deliver an exceptional user experience. Static site rendering not only offers faster load times and improved SEO, but it also reduces server load and has a lower carbon footprint. By using modern web technologies like React and optimizing our code, we're able to create applications that are both eco-friendly and highly functional.

Using NextJS to green the web

On june 15th 2022 we attended the Green Software Foundation's Global Summit. It was hosted virtually by the steering committee of the GSF.
We talked about green software, climate change, the current heatwaves in the world, and the impact that we as consumers of digital services have on our planet.
We summed up 5 key takeaways here that particularly struck us:

#### 1.
 75% of the carbon footprint of a dell 700 is in the manufacturing process. 
With a staggering 40% just for the printed board, this was much more than what we thought ! This means that as software editors, we especially have to focus on retrocompatiblity.




#### 2.
We learned how to calculate the carbon intensity of our code
KPI's get thrown around a lot, but this is arguably the most important one to know if we want to reduce impact
published

![calculate.png](/uploads/calculate_5ee38f5dd4.png)

#### 3.
Accessibility can be a selling point for more sustainable software
Making more eco-friendly software makes it more accessible in harder to reach regions (think 3g network), thus increasing market share ! We hadn't thought of this, but it is a great selling point when engaging an eco-design prospect

#### 4.
The great open source tools created by the GSF
Static analysis CI/CD tool
SDK to create carbon aware applications

#### 5.
Designing mobile-first is a form of eco design
As phones consumes less energy than an ordinary computer. Making your website accessible from mobile means it will consume less resources.

![smaller-device__2_.png](/uploads/smaller_device_2_1_039196ff99.png)


Join us in the conversation, reach out to us at contact@enverselabs.com we can't wait to hear from you.

At Enverse, we strive to be active members of the global green software movement. We know that strength is in numbers and we were excited to see what big players such as Microsoft and Accenture had to say about these issues that passionate us.

5 Things we Learned the Global Summit by the GSF

[If the internet was a country, it would be the 7th largest polluter in the world ](https://www.sustainablewebmanifesto.com/#citation). It is predicted to double by 2025, and take up a [staggering 14% of our total emissions by 2040](https://www.bbc.com/future/article/20200305-why-your-internet-habits-are-not-as-clean-as-you-think).

This is becoming more and more common knowledge, thanks in part to[ Mr Musk's recent stance](https://www.bbc.com/news/business-57096305), but also to valiant efforts to sensibilize the population to these issues (we strongly recommend the [Fresque du Numérique](https://www.fresquedunumerique.org/) workshop). But do you know where these emissions come from exactly ?

## The hidden truth

Have a look at this graphic:

![image__4_.png](/uploads/image_4_c994b78d96.png)

As we can see, the most consequential impact comes from the extraction of minerals, but it might also come as a surprise that the end of life of our electronics also comes at a huge cost ! This highlight the need to resist the urge of getting a new smartphone every year ;)

Usage then also comes in quite strongly, but as it depends mostly on the energy mix, it can vary quite a lot. In France for example, where the energy mix is quite decarbonized thanks to nuclear production, [it can be as little as 2%](https://bonpote.com/environnement-faut-il-supprimer-ses-emails/). However, it reaches around 30% when taking into account the global landscape.


We can further break down usage into 3 categories:

- Device consumption 
- Network 
- Data Centers

The fantastic team at [MarmeLab](https://marmelab.com/en/) has been able to analyze impact in greater detail using their [GreenFrame](https://greenframe.io/) tool: 

![image__5_.png](/uploads/image_5_c17bf5cb11.png)
We can see that the server doesn't account for much of the usage. The most consequential part comes from the front end and the network. 

What can we do then ? As consumers, we should most importantly extend the shelf life of our devices. 

As service providers, like us at Enverse Labs, we should enable our users to do this. 

Our apporach rests on three main pillars:
- build only what we need (essential design)
- Build retro-compatible software (or at least, provide escape hatches for features that kill older devices)
- Build energy-efficient applications (Hello [Astro.build ](https://astro.build/) and [NextJS static site generation](https://nextjs.org/docs/basic-features/pages#static-generation-recommended))

Do you have any other ideas for building cleaner products that cut down on emissions ? Get in touch with us, we love exchanging ideas and believe co-operation is the best tool we have to build a greener web 😘


It is becoming commong knowledge that our digital world is not dematerialised after all. 4% of worldwide GHG emissions come from the production and usage of our electronic gadgets. Let's have a look at where they come from.

Where do online GHG come from ?

Described as a **"Fast, disk space efficient package manager"**, pnpm is the new package manager on the block. The main motivation behind it is to improve developer experience by speeding up install speed and reducing the amount of disk space taken up by our infamous _node_modules_. 

![node-modules.webp](/uploads/node_modules_f17674263c.webp)

Here's the gist of how it works: instead of downloading 100 times react if you have 100 react projects, pnpm will store a copy of the dependency in a content addressable store. This means that it is able to retrieve the library based on its content. Running pnpm update will only update the files that you need in your store. The dependency is then hard-linked in your project, eliminating the need to download a full package.

This helps the planet in 2 ways. Around 30% of emissions come from usage of our devices. This accounts for the energy required to power your laptop, and the usage of the network.

![lyfecycle.png](/uploads/lyfecycle_edec30bdd7.png)

Since pnpm helps us reduce not only the amount of data stored on our machine, but also the amount of requests sent, the argument can be made that pnpm is more eco-friendly ! And on top of that, we've found at Enverse that it is indeed blazingly fast.
You can easily get started today by following the instructions here: Installation Guide.
If you have Homebrew on Mac:

brew: 
```
$ brew install pnpm
```
corepack:
```bash
$ corepack enable
$ corepack prepare pnpm@<version> --activate
```
With cURL:
```bash
$ curl -fsSL https://get.pnpm.io/install.sh | sh -
```



Many more ways: [ Pnpm installation guide](https://pnpm.io/installation)

Happy Green Coding !



What is all the rage about this new package manager ?

Using NextJS to green the web

5 Things we Learned the Global Summit by the GSF

Where do online GHG come from ?

Is pnpm more eco-friendly ?