teleren/devto huggingface dataset:
Reasons why you should start using headless CMS
Tags: headlesscms
Published: 2022-05-19 20:48:48

---
title: Reasons why you should start using headless CMS
published: true
description: 
tags: HeadlessCMS 
//cover_image: https://direct_url_to_image.jpg
---


While new technologies comes out in order to make the world of web development easy, headless CMS has been trending and popular in the world of digital content management. In this article, I will walk you through on reasons why you should start using a headless CMS for your content management. But before we start, First, let’s start with some definition what headless CMS is all about. 


## What is Headless CMS?


## Why Headless CMS?

You may be wondering why are people going headless. Compared to traditional CMS, Headless CMS architecture is more suitable to fulfill modern-day business demands. Besides, some additional headless CMS benefits attract them.
Traditional CMS used to be a standard and only option. But now, the world has reasons to choose a Headless CMS.
A few of the significant reasons to choose Headless CMS are:

- To deliver a personalized user experience
- Operate on a multichannel distribution
- Deliver content to a larger audience
- Scale your business

Apart from these reasons, there are many advantages of headless CMS. Let’s deep dive into each of them.

Some of the headless CMS platform you would like to take a look at includes:


- Storyblok
- Strapi
- Sanity
- Contentful
- GraphCMS
- and many more


## Advantages of Headless CMS


1. Easy Integration:
2. Scalability: 
3. Flexibility & Compatibility: With headless CMS, developers has the choose of using a frontend that supports a programming language that they feel comfortable with and content can be served using API.
4. User Friendly: 
5. Security: You don’t have to worry about all the additional security requirements that come along with a traditional CMS like Wordpress. The content made accessible via an API is often ‘read-only’ adding a much needed level of security.


## Use cases for Headless CMS

## Conclusion
My Dog Teaches Me Tricks Too
Tags: beginners, discuss
Published: 2022-05-19 20:48:01

I can be quite the teaser when it comes to puppy play. But in the end, just from my interaction with my dog I am reminded something valuable that would help anyone code, no matter the experience level. 


![My dog trying to retrieve the ball beneath her cot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w53bxs45pjdea3lh0q3j.jpg)

The dog situation is that I tossed her ball so that it would be trapped just beneath her see-through cot. At first Bailey's approach was to pancake her snout onto the weaved surface grinned with teeth to no avail. 

Here's the thing. When she was only a few-months old, I made sure her basic training was solid. Sit. Lay Down. Off. Crawl (not essential but it's cute). 


![My dog crawling underneath the cot for the ball](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6jancxkdw4tayaxyvj81.jpg)

With my guidance, I told her to get 'off' the cot. She jumped back on, fixated on the ball, but she listened the second time. Next, I told her to sit. By this time she was yelling at me, as in "I was close to the ball and you're telling me to go away, are you nuts?". Trust me, little one. Finally, I told her to lay down. By this time, she knew to crawl underneath on her own and snatched her precious ball! 

I replicated the situation just in case it was a fluke. This time, she didn't need my guidance at all.

I almost teared up, because she was growing up so fast.

But also, we got through this doggy challenge because she had a foundation to rely on for her problem solving, and she had me to guide her. Sounds familiar? 

**The lesson:** Your foundation is where your growth always begins, so take care of it, never stop asking for support and be generous in supporting others. 


![My dog with the ball in her mouth, happily](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rciar708wb4nrnz26mf4.jpg)
For TypeScript people from Montreal
Tags: typescript, montreal
Published: 2022-05-19 20:43:35

Hello Montrealers,

We have just launched the first discussion group specializing in TypeScript in Montreal. The group is still new and we are waiting for members : https://www.meetup.com/typescript-montreal/

The purpose of this group is to learn and share about TypeScript.

This group is for all those who want to share their knowledge, discoveries and current passions in the TypeScript environment, whether it is about frameworks, libraries, design, architecture or simple tips.

The event will be divided into two parts:
* Technical discussions: presentation and/or exchanges about 1 to 3 technical topics. We will keep this part short (one hour maximum). Further discussions can then take place in an informal way.
* Conversations and entertainment: after the technical discussions, the event will continue with a convivial exchange, for example around video games (Retro-gaming, Switch, Xbox, Arcade). To complete this moment you can also bring some food and/or drinks if you wish.

Happy coding!
See you soon.
Media Queries
Tags: css
Published: 2022-05-19 20:20:51

Over my time at Flatiron School I have become very interested in Frontend design. With each project I have completed, I have tried to get better at designing aesthetically pleasing browser experiences for the user. One area that I have not been paying much attention to is the responsiveness of my applications. When I would make my screen smaller or view my application on my phone, everything would become a jumbled mess. This got me thinking about how to make my applications respond to different size screens that they are being viewed on. After a few google searches and some research, I found that a great way to tackle this issue is through using media queries in your css file. 

Media queries are an essential part of responsive web design. They allow you to change the layout of your application depending on the size of a users viewport. A quick example is how a navbar will collapse into a dropdown menu if you are viewing it on your phone, but then will have the full navbar with each navlink displayed along the top of your screen if your viewport is bigger. Things like this can make your users experience while visiting your app much better. 

Media queries can become complex but simple media queries are relatively easy to read and understand. I will go over a simple media query and hopefully it helps you understand the basic idea of what a media query does and how you can use them yourself. 

To use media queries the syntax is `@media not/only _mediatype_ and (_expressions_)`.

**@media** is expressing to css that what you are writing is a media query.

The **not/only** is specifying whether to not include the mediatype that follows, or to only include the mediatype that follows.

**Mediatype** defaults to all but you can specify if you want to use this query for three other options:
1. Print - used for printers
2. Screen - used for smartphones, laptops, tablets, computer screens
3. Speech - used for screenreaders

**Expressions** is when or how you want your design to change depending on what your write in your expressions. 

So a simple example of a media query is:

```
@media only screen and (min-width: 300px) {
       background-color: blue;
}
```

What this example will do is set the background color to be blue only when the viewport is 300px wide or wider. So the background color would be the original color white if the viewport that a user is viewing your app on is less than 300px. But if you were viewing this app through a viewport that was greater than 300px, the background color would be blue.

This is not a very practical example but it shows that you can use media queries to make your application responsive depending on the size of a users viewport. This can be a very useful tool to make your applications more user-friendly. 

I hope this blog helped to understand the basic idea of a media query and I plan on practicing and expanding my knowledge of media queries so that I can more design dynamic, responsive applications.
Create React App & Folder Structures
Tags: javascript, react, node, beginners
Published: 2022-05-19 20:17:58

**What is React?**
 React is an open-source JavaScript framework, that isn't actually a framework. But it is currently the most commonly used front-end development technology in the world. React, originally developed by and still maintained by Facebook and supported by an active open source community, is a JS 'library'.
There are other JavaScript Libraries out there of course but react is said to be the most in-demand because of its flexibility while staying close to the language and its principles.

### Create React App
Create React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration. You can Create the react app by typing the following commands on your terminal

```
npx create-react-app my-app
```
or

```
yarn create react-app my-app
```
Either one you choose to make use of is fine, once you've typed in the respective command, the next commands to type are as written below 

``
cd my-app
npm start
``
after that your screen would be like ;

![React App on VScode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vcglznmy3njnylekpode.PNG)
This would then prompt your local server to open at localhost:3000 as seen below

![Local Host:3000](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1662gzips2m0rae4bi9q.PNG)
If you've gotten to this stage, you have succeeded in creating your React App. 

## Folder Structures
Folder structuring is a very important step taken to have a very good base in your react app, with this you can be able to take your code to the next level. This can also come in handy during future debugging. There are certain basic/standard folder structuring for your React App


![folder structuring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5xyc9w9opzrk7zhat085.png)
the picture above is just a basic example of how folder structuring should be done, there are other ways to structure your folder and when you have a good structure the task of naming your files becomes much easier.
AlmaLinux 8.6 Stable is Now Available!
Tags: opensource, linux, cloud, almalinux
Published: 2022-05-19 20:14:10

Hi, Community! The AlmaLinux OS Foundation is excited to announce that AlmaLinux OS 8.6 Stable is now available. Just like a flash after the beta release. This stable release is for the x86_64, aarch64 and ppc64le architectures and is ready for production installations and to power all your computing needs and workloads. Grab it from the nearest [mirror](https://mirrors.almalinux.org/isos) and join us on the [AlmaLinux Community Chat](https://chat.almalinux.org/) to discuss.

Our Live Images, Raspberry Pi, Cloud and Container images updates are in process too, so stay tuned to catch the updates. Don't blink, you might miss them.

## Release Notes and More Information

The AlmaLinux 8.6 contains web console enhancements and some brand new [System Roles](https://access.redhat.com/articles/3050101) that make system administration simpler. Security updates include upstream versions for the SCAP Security Guide, OpenSCAP and other packages among other improvements. You can read more about this release by checking out the [Release Notes](https://wiki.almalinux.org/release-notes/8.6.html).

## Are You Finally Gonna Join Our Incredible Community?

Your effort and contributions are what make great releases like this possible. Join us. Please report any bugs you may see on the [Bug Tracker](https://bugs.almalinux.org/). Join the AlmaLinux Community Chat if you need any help, post a question, or even if you just want to hang out. Reach us on [Reddit](https://reddit.com/r/almalinux) and on [Twitter](https://twitter.com/almalinux). Have fun with the new release and as always happy hacking.
Hello Dev.to
Tags: beginners, introduction
Published: 2022-05-19 19:47:39

I'm new here, but despite being in my 40s, I'm also new to programming. I do have a history of web design, but I hardly call HTML and CSS writing "code". I sort of fell into this because the world of print and web service is basically dead.

I need support in getting work in this field. I live in the San Francisco Bay Area and could use more connections here. Thanks.
Former AWS engineer sets out to build a better log search engine and became the Pied Piper
Tags: programming, aws, discuss, startup
Published: 2022-05-19 19:37:08

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eawir3f63bez3bx10e1k.png)
  
When ZincSearch founder Prabhat Sharma worked as a solutions architect at AWS, he helped customers implement a lot of tools on top of AWS infrastructure services. He noticed that most of the solutions that were designed to help companies sift through log data were from a different era, and those that weren’t, hadn’t really caught on in a big way.

He decided it was time to build a more modern alternative and last August he began noodling with an idea. “I looked around, and then I saw that there were a couple of people who had tried building a couple of things. But none of them was actually good enough. So then I thought, let me give it a shot and see if I can build something,

He spent several months developing what would become ZincSearch. In December, he put it on GitHub, and was happily surprised to find that it got some traction. The largest incumbent in this space is Elastic, the makers of ElasticSearch, a public company founded in 2012. He wanted to build something that was a modern alternative to that tool without some of the overhead he observed when he was at Amazon. So he set out to create a single binary that would set up quickly and not use a ton of RAM.

He believes that the solution he built is an improvement over what’s out there, and it appears that users agreed. The launch generated some discussion on Hacker News and Reddit, and quickly built up 2000 stars on GitHub — today the tool is approaching 8,000 stars, a sign that people are liking it.

This did not go unnoticed in venture circles, who monitor open source projects looking for potential companies to invest in. As investors reached out, Sharma realized he was onto something. In April, he left his job at Amazon to launch ZincSearch as a company.

The startup is still very early and still a work in progress as an alpha project, but Sharma has big plans. “Right now it is still in alpha, but I plan to make a general release within three to six months and offer a cloud service by the end of the year, most likely,” he said.

As he completes the administrative aspects of legally forming the company, which is only a couple of months old at this point, he is looking to hire six people by the end of year to help finish the open source project and launch the cloud version. As a first-time founder just putting the initial pieces of the company together, he is only beginning to think about hiring and how to bring in diverse employees, but he knows diverse teams perform better, and he says that he is looking at ways to make that happen.

The company announced a $3.6 million seed investment to help push his vision forward. The round was led by Nexus Venture Partners with participation from Dell Technologies Capital, Secure Octane, Cardinia Ventures and several tech industry leaders.
Useful threads for developers.
Tags: developers, webdev, programming, tutorial
Published: 2022-05-19 19:42:03

Hey developer, all the free twitter threads you need to learn software and programming are here.

https://bit.ly/3jwo64J

https://www.producthunt.com/posts/devtherads


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5uko61gshhgkpm1mo4oa.png)
Improve the accessibility of your website
Tags: a11y, webdev
Published: 2022-05-19 19:37:12

## How its started

A few weeks ago, during my training to get the web developer diploma. I had to work on accessibility on the Internet. ♿

Being buddy with the W3C and all the tools that are necessary to make the website **accessible by anyone**. 

So I read up, and downloaded tools like _Wave_, _headingsMap_, _Colorblindly_. 

That, by the way, you can find the Wave extension on the banner of this article. 😄

## The problem

When I did tests on my personal website, a lot of issues regarding **contrast** in text and colors. Undefined **link icons with aria-label**, errors regarding the **title level being skipped**. Anyway, it was not good. So I improved it by fixing all these problems.

## Fixing concerns with the right tools

To determine where I had problems, most of the time I used **Wave**, a free extension available everywhere that scans your page and shows you the errors.


![Preview of the Wave extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tsf9o5manxrnv5nzhgm0.gif)

I also use other extensions that I mentioned above. And some websites to test the efficiency of the speed and rendering of the page.

- [All tools from the W3C](https://www.w3.org/developers/tools/)
- [Nu HTML Checker W3C](https://validator.w3.org/nu/)
- [PageSpeed Insights](https://pagespeed.web.dev/)
- [Web Vitals - Web Dev](https://web.dev/vitals/)
- [Accessibilty - Web Dev](https://web.dev/accessibility/)

And some GOOD stuffs : 
- [Aria roles - MDN Doc](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles)
- [Web Content Accessibility Guidelines (WCAG 2.1)](https://www.w3.org/TR/WCAG21/)


## In some statistics

[![In 2020, WebAIM analyzed one million home pages for accessibility issues](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/el0m0zinvqmspljzj02h.png)](https://accessibility.day/)

**Update your website to make it more accessible** 🚀

|☕|Check my [Twitter account](https://twitter.com/thomasbnt_). You can see many projects and updates. You can also [support me on Buy Me a Coffee, Stripe or GitHub Sponsors](https://thomasbnt.dev/donate). Thanks for read my post ! 🤩|
|---|---|
Python might get 5 times faster in the next 4 years
Tags: python, performance
Published: 2022-05-19 18:18:10


Guido van Rossum, the inventor of Python, works together with Eric Snow and Mark Shannon at Microsoft to make CPython faster.

His overview slides are [available on GitHub](https://github.com/faster-cpython/ideas/blob/main/FasterCPythonDark.pdf) since last week.

## What is CPython

CPython is the de-facto standard for Python. When you download Python from [python.org](https://python.org), or using Conda, you most likely use the CPython interpreter. 

Since Python programs don't get compiled, we need a Python installation to run our `.py` files. The `python` (or, `python.exe`) executable is called the interpreter. It takes the `.py` file and translates the source code to something your computer can understand. 

Apart from the *reference* interpreter (CPython), there are several other interpreters, most notably the [PyPy](https://www.pypy.org/) interpreter.

The upcoming proposals will affect the CPython interpreter alone, however.

## Performance Increase in Python 3.11

In the `alpha 6` release of Python 3.11, we have already seen a [performance increase of about 19%](https://bas.codes/posts/new-features-python-3-11#performance-improvements) compared to Python 3.10. Meanwhile, Python 3.11 `alpha 7` has been [released](https://www.python.org/downloads/release/python-3110a7/).

Mark Shannon's plans for a performance increase of 1.5x per year have already been started to take effect in Python 3.11.

The technical details are outlined in [PEP 659](https://peps.python.org/pep-0659/). The `faster-cpython` team's goal is to increase the performance without breaking compatibility.


## Caveats

Some computationally heavy tasks frequently done in Python include Statistics, Machine Learning, AI, and other scientific computations. Usually, developers use libraries such as `numpy`, `scipy`, or `tensorflow` for that sort of tasks.

Since these libraries are already implemented in the C programming language – meaning that they use the Python interpreter just as a cargo ship for their functionalities – any performance improvement for Python 3.11 and later won't have any significant effect here.

Also, multi-threaded applications might not benefit from these improvements. `asyncio`, on the other hand, could fill the gap quickly, although this requires a lot of refactoring of legacy code using multi-threading.
Meta Tag removal from theme
Tags: duplicate, tags
Published: 2022-05-19 19:30:01

My Website has two meta descriptions tags 1 is of theme (built in) and second one is of a SEO Plugin as i am using Yoast and it also have a meta description Tag. I leave one meta tag blank always and today in an audit i checked that my website is giving duplicate meta tags issue! 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e5v1xuroaiibrwec7xt6.png)

What should i do to solve this error. One of effected page is [Joy Pony](https://apkhigh.com/joy-pony-apk/)
09 Common JavaScript Math Functions
Tags: javascript, react, programming, beginners
Published: 2022-05-19 19:25:47

> The Math Function helps us to perform Mathematical Tasks on numbers.

These are 9 Most Common JavaScript Math functions you must know👇.

**1. Math.random() :** This Method returns a random number between 0(inclusive) and 1(Exclusive).

```javascript
console.log(Math.random()) //Output: 0.9935936579868072
```


**2. Math.pow() :** This Method takes two parameters like Math.pow(x,y) and returns a value of x to the power y.

```javascript
console.log(Math.pow(5,2)) //Output: 25
console.log(Math.pow(12,3)) //Output: 1728
```

**3. Math.sqrt() :** This Method returns square root of given number.

```javascript
console.log(Math.sqrt(361)) //Output: 19
console.log(Math.sqrt(64)) //Output: 8
```

**4. Math.floor() :** This Method returns a value of given number down to its nearest number.

```javascript
console.log(Math.floor(12.34)) //Output: 12
console.log(Math.floor(10.94)) //Output: 10
console.log(Math.floor(-5.34)) //Output: -6
console.log(Math.floor(-4.59)) //Output: -5
```

**5. Math.ceil() :** This Method returns a value of given number up to its nearest number.

```javascript
console.log(Math.ceil(20.34)) //Output: 21
console.log(Math.ceil(30.94)) //Output: 31
console.log(Math.ceil(-3.55)) //Output: -3
console.log(Math.ceil(-6.01)) //Output: -6
```

**6. Math.trunc() :** It returns only the integer part of the given number by removing fractional units.

```javascript
console.log(Math.trunc(0.12)) //Output: 0
console.log(Math.trunc(5.12)) //Output: 5
console.log(Math.trunc(-4.12)) //Output: -4
console.log(Math.trunc(40.12)) //Output: 40
```

**7. Math.abs() :** This method returns the absolute value i.e Positive Value of a given number.

```javascript
console.log(Math.abs(1.12)) //Output: 1
console.log(Math.abs(-1)) //Output: 1
console.log(Math.abs(-4.12)) //Output: 4
console.log(Math.abs(-30.12)) //Output: 30
```

**8. Math.min() :** This method returns a lowest value from a provided list of numeric values.

```javascript
console.log(Math.min(2,4,6,7,8,9,1,6,34)) //Output: 1
console.log(Math.min(12,24,36,48,60)) //Output: 12
```

**9. Math.max() :** This method returns a highest value from a provided list of numeric values.

```javascript
console.log(Math.max(2,4,6,7,8,9,1,6,34)) //Output: 34
console.log(Math.max(12,24,36,48,60)) //Output: 60
```