teleren/devto huggingface dataset:
Next.js and Tumblr as a CMS
Tags: javascript, nextjs
Published: 2022-04-13 21:56:51

Thought I would do a series of posts on moving my blog from a Tumblr-hosted and themed site to a Tumblr powered [Next.js](https://nextjs.org/) app.

You might reasonably ask, “Why would anyone want to do that when there are so many actual CMS options available?”.

In my case, it’s mostly sentimental. Way back when I was deciding whether to switch careers and try coding full time, I took a lot of freelance jobs converting PSDs to Tumblr themes and I’ve been using it ever since.

But, I finally wanted a little more control over my blog and a good excuse to experiment more with Next.js so I decided to mix it up just a little. Let’s dig into some of the decision making, adventures in data fetching, and general idiosyncrasies that come with using Tumblr as a CMS.

* * *

## How To Set It Up

Starting at the beginning, the very first question was how to set everything up. Where should the site and the code live? How do you share the parts that need to be shared? It seems simple but there are a lot of options.

Keeping with the original Tumblr setup, I decided to create a new app for my blog instead of trying to integrate it with the rest of my site (which was already using Next.js). I wanted to use [Vercel](https://vercel.com/) for hosting which meant I would just need to update my subdomain records once everything was up and running.

Since Tumblr templates are basically HTML files that include Tumblr’s custom blocks and variables, I’d never really shared much code between my blog and the rest of my site even though they look pretty similar. I had a small script to generate stylesheets but that was it. Using Next.js for both opened up the possibility of sharing React components, variables, and utilities in addition to CSS.

To figure out how to do that, I followed one article ([6 Ways to Share React Components in 2020](https://blog.bitsrc.io/6-ways-to-share-and-reuse-react-components-6d80e2fd16cd)) to another ([4 Git Submodules Alternatives You Should Know](https://codeburst.io/4-git-submodules-alternatives-you-should-know-592095859b0)) and finally landed at [Git subtree: the alternative to Git submodule](https://www.atlassian.com/git/tutorials/git-subtree) for step-by-step instructions.

Any solution that required publishing components, individually or as a monorepo, seemed like overkill for a smallish, one dev project. Git subtrees provided a way to nest one repo as a subdirectory in others which was exactly what I wanted. I split out shared components like the header, footer, form elements, etc. into a separate repo, ran the commands from the tutorial above in my blog and site repos to hook it all up, and voila. No copying and pasting duplicate code between sections and no publishing to NPM or other third-parties.

So that's the foundation, stay tuned for the next installment for data fetching and some actual code!
Godot Modules (C#) - A Set of Useful Modules / Scripts to Kickstart Your Game
Tags: csharp, opensource, gamedev, programming
Published: 2022-04-13 21:54:55

[Godot Modules](https://github.com/valkyrienyanko/GodotModules) was created to prevent redoing the same things over and over again in new games.

Modules that have been finished
- Mod Loader (Lua)
- Options

Modules that are WIP
- Netcode (aimed towards cooperative games)

Modules that are planned
- Tech Tree (all nodes will be auto-positioned, I have finished this just have to port it over to this project, I'll do this after I've finished the netcode module)
- Popup Menu (a lot of games have a popup menu when you press ESC)

Mod Loader
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r2l0o74ygmo4n7vuofjy.png)

Options
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6rvrrctfslw40cugav49.png)

Create Lobby
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qmzecnzc113dzfyh5o1b.png)

Server Browser
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mimck3t6wy4frl0x9twk.png)

Lobby
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c3x95bojwp7e27lj5yno.png)

https://github.com/valkyrienyanko/GodotModules
Day 558 : Commercial Break
Tags: hiphop, code, coding, lifelongdev
Published: 2022-04-13 21:53:02

_liner notes_:
- Professional : Pretty good day. Figured out why I was having issues reviewing a tutorial. Apparently I had an old version of the CLI and it was causing issues. Thanks to my coworker for helping me troubleshoot. It's funny because another person posted a separate question with an issue and I was able to help but their issue had to do with markdown changing some text. Figured out why my workshop's slides weren't working, the code was right, it was just that I used the wrong naming convention. I set it up to look for a particular ID, but I didn't provide the right one so it didn't load properly. Fixed that and it started working again. Basically copied the slides for another workshop I have this week. Also worked on some scripts for some promo videos I'm going to be recording. Had a really good meeting where I got to give some feedback to the engineering team of a new feature.

- Personal : Last night, I was able to add bulk uploading my my travel site https://doingstuff.in Now I don't have to upload photos one by one. I can go somewhere, take a bunch of pictures and then upload them all at once. I think that'll help me out a lot. I will definitely have plenty of opportunities coming up with these trips. I caught up with "Atlanta" and started watching the final season of "Killing Eve".

![Above the clouds over Cartago, Costa Rica with the orange light from a setting sun shining from the right.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/70vk68mur9t8hnwcg10x.jpg)

Think I'll go through tracks for this week's radio show. I can listen to the tracks during the commercial breaks of "Killing Eve". Not sure if I'll get any coding done on side projects.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube IEQxD-Ovx-w %}
Day 5: Refactor-Reflect
Tags: javascript, journaling, productivity, blog
Published: 2022-04-13 21:05:17

Hi 
I can't believe I have been writing consistently for 5 days, really proud of the progress and today I lost track of days wrote day 4 at first to realize I'm actually a day ahead. since I have been doing so good with the blog I thought I should take some time to reflect on the progress.
this past 5 days were good because I had to force my self to learn and also acknowledge smaller things I was ignoring mainly to be able to have something to document at the end of the day.
I had to get back to the capstone project I had been procrastinating to work on and I have done some improvement 
the views decreased as I was warned I'm writing this for my own Afterall not for the views or likes but I keep writing as I'm writing to someone else (my future self I guess) I come back to these articles that's for sure.

about work today I refactored some code duplicate on the task I was working on and I got back on that setup react without create react app AGAIN (I know I should be done with that by now) but I'll let it slide for now since I have been doing great with writing but tomorrow has to be the deadline (hope it will not be another procrastination tactic). 
time to rest 

signing off...
First Post
Tags: beginners, webdev, career, freecodecamp
Published: 2022-04-13 21:00:35

Its my first day on dev.to and have been learning web development for a little while now. I have confirmed that I really enjoy creating front end content out nothing. I am learning through free code camp and have completed the first curriculum of responsive web design. I am now going back through all the challenges and making sure everything sticks before I take on the projects to get the certification.
Simple Overview of testing
Tags: mocha, jest, testing
Published: 2022-04-13 20:31:44

In the application development cycle, Testing is an integral part. It is a process of checking whether our code works expectedly or not. Although we can do manual checking of our code, it is not a recommended way. We need a pre-built system to test our code appropriately. In addition, testing saves our time and also improves our code. 

The steps for testing an application are as follows:  
Code > Outcome > Test > If (Success) ? “Go for production”: If(failure)?  Make a change in the code

There are different kinds of tests available for us. They are unit tests, Integration tests, and E2E tests. Generally, we have to write thousand of unit testing codes. Compare to unit testing, the number of integration tests is smaller. Among the three, we should write a few e2e testing.
Configurando o ambiente JavaScript no Linux
Published: 2022-04-13 19:45:12

Como todos nós sabemos, uma das maiores dificuldades do Linux é o fato de que quem é usuário do Windows está acostumado a dar alguns “next” durante a instalação de um pacote que o programa estará instalado, mas no Linux isso tudo é feito com base em linhas de comando, portanto nesse artigo será descrito a forma correta de configurar o ambiente JavaScript para você sair digitando seus scripts.

As distros do Linux que serão abordadas nesse artigo são a Mint, Ubuntu e Pop!_OS.

Basta seguir os passos que serão descritos que ao final de tudo, estará com o seu linux todo configurado e preparado para a utilização.

Este passo a passo foi testado recentemente e está 100% funcional.

## Instalando o Visual Studio Code

```sh
# Baixando o arquivo .deb
$ https://code.visualstudio.com/
```

## Instalando o zsh e git

```sh
# Atualizando o apt
$ sudo apt update

# Começando as instalações
$ sudo apt install zsh git

# Conectando a sua conta
$ git config --global user.name "exemplo"
$ git config --global user.email "exemplo@seuemail.com.br"
```

## Instalando o oh-my-zsh

```sh
# Instalando as fontes necessárias
$ sudo apt-get install fonts-powerline

$ wget https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh

$ sh install.sh

# Definindo o zsh como padrão
$ code /etc/passwd
# Altere a linha que está assim: wesley:x:1000:1000:Wesley,,,:/home/wesley:/usr/bin/bash
# para wesley:x:1000:1000:Wesley,,,:/home/wesley:/usr/bin/zsh

# Invés de wesley, no seu computador, procure pela linha identica, porém com o seu nome de usuário.
```

## Personalizando o oh-my-zsh

```sh
# Abrindo o arquivo .zshrc
$ code ~/.zshrc

# Alterando a linha que define o tema
$ ZSH_THEME="agnoster"
```

## Instalando o Node.js e NPM
```sh
$ sudo apt install nodejs npm

# Atualizando o Node.js
$ sudo npm cache clean -f

$ sudo npm install -g n

$ sudo n stable

# Atualizando o NPM
$ sudo npm install npm@latest -g
```

## Instalando o Yarn
```sh
$ sudo npm install -g yarn
```

## Instalando o Docker
```sh
$ curl -fsSL https://get.docker.com -o get-docker.sh

$ sh get-docker.sh
```

Pronto, com isso você já pode começar a escrever seus scripts, todo ambiente estará funcionando perfeitamente. Vale ressaltar que algumas configurações dentro do Visual Studio Code podem ajudar na hora de trabalhar com o JavaScript, em breve estarei trazendo algumas dicas para isso. Até mais!
WHAT IS DEMOCRATIZED SOFTWARE DEVELOPMENT?
Tags: lowcode, programming, career
Published: 2022-04-13 19:45:11

Software development is becoming more accessible. And it's changing the way business divisions and IT collaborate on digital applications.

Traditional software development has traditionally produced outcomes. But it can't keep up with today's demands for automation and new applications. And that's just for writing code from scratch.

It's easy to see why firms are seeking for a better way to do things, especially when you consider the [shortage of professional developer talent](https://aurachain.ch/blog/how-low-code-can-solve-your-software-developer-shortage/).

## **DEMOCRATIZATION IS A WAY OF OVERCOMING THESE CHALLENGES**

Democratized software development is a style of software development where business domain experts actively take part in the development process, usually aided by a low-code tool or platform that automates large sections of code and reduces the amount of technical expertise required.

WHAT IS DEMOCRATIZATION ALL ABOUT

- Acceleration through collaboration;
- Giving business units the power to start prototyping;
- Testing new business applications and solutions.

Find out more about the democratization of software development in this whitepaper: [Get the whitepaper.](https://aurachain.ch/resources/the-democratization-of-software-development/)
Divi Cloud - Cloud-Speicher für Divi-Layouts und Inhalte
Tags: wordpress, elegantthemes
Published: 2022-04-18 18:23:40

---
title: Divi Cloud - Cloud-Speicher für Divi-Layouts und Inhalte
published: true
date: 2022-04-13 19:20:10 UTC
tags: WordPress,ElegantThemes
canonical_url: https://bloggerpilot.com/divi-cloud/
---

![Divi Cloud - Cloud-Speicher für Divi-Layouts und Inhalte](https://bloggerpilot.com/wp-content/uploads/2022/04/div-cloud.png)

Divi Theme, das wohl beliebteste WordPress-Theme auf dem Markt, macht es unglaublich einfach, schöne, professionelle Websites zu erstellen. Divi Cloud, ein Divi-exklusives Plugin von Elegant Themes, macht das Erstellen von Websites noch einfacher. Mit diesem Plugin kannst du deine Divi-Website mit mehreren Computern und Geräten synchronisieren, direkt in WordPress veröffentlichen und ein Backup deiner Website erstellen. Divi Cloud ist vollständig mit Divi Builder kompatibel, sodass du von überall aus auf deine Inhalte zugreifen und Änderungen vornehmen kannst. Klicke hier, um mehr über das Divi-Theme und Divi Cloud zu erfahren.

Der Original-Artikel erschien auf [Divi Cloud - Cloud-Speicher für Divi-Layouts und Inhalte](https://bloggerpilot.com/divi-cloud/).

Divi ist ein responsives, professionelles, modernes, sauberes und hochwertiges WordPress-Theme. Divi ist ein preisgekröntes Theme, das extrem flexibel, einfach zu verwenden und anzupassen ist und sich für jede Art von Website eignet. Es hat über 13.000 zufriedene Kunden und Tausende von aktiven Installationen.

## Deine Designs oniline

Die Online-Verwaltung von Entwürfen ist für Designer/innen wichtig. Es gibt mehrere nützliche Online-Tools für diesen Zweck. Canva ist eines davon. Damit können Nutzer/innen fast alles entwerfen. Die Vorlagen sind einfach zu navigieren und funktionieren sehr schnell. Die Nutzer/innen haben die Möglichkeit, Texte, Bilder, Symbole und Formen zu ihren Entwürfen hinzuzufügen.

## Für Agenturen

Divi Cloud ist ideal für Agenturen, Freiberufler und Kreativteams. Mit Divi Cloud ist auf deinem WordPress-Theme der Divi Builder vorinstalliert, unser visueller Page Builder, mit dem du schnell und einfach Websites erstellen kannst. Außerdem gibt es jede Menge kostenlose Divi Child-Themes, Plugins, Schulungen und Support-Ressourcen.

## Fazit

Zusammenfassend lässt sich sagen, dass Divi Cloud ein praktisches Tool für die Verwaltung von Divi-Websites ist. Es kann alles, von der Aktualisierung deines Divi Child-Themes bis hin zur Anpassung von Divi-Layouts, erledigen. Du musst dir keine Sorgen machen, dass deine Website ausfällt oder deine Daten verloren gehen. Divi Cloud kann sich auch um Aufgaben wie die Sicherung deiner Website und die Migration zu einem neuen Hoster kümmern.
MongoDB Sharding
Tags: mongodb, beginners, tutorial, database
Published: 2022-04-13 19:19:57

For those learning MongoDB and struggling to find resources on sharding/replication, this video tutorial from Vemara Hub on YouTube is fantastic and his blog also has it in article form. This is where mongo shines.

Video tutorial: https://www.youtube.com/watch?v=mjSNKjTzeao&t=1s

Article: https://csrepo.blogspot.com/2019/03/sharding-setup-in-mongo.html

All credit to Rajesh Nair.
Why Do You Need to Rely on Cyber Security?
Tags: cybersecurity
Published: 2022-04-13 19:04:01

Computer threats are increasing daily, and malicious people use increasingly sophisticated tools to achieve their ends. It is how the company managers must use the best security technologies to ensure the confidentiality, availability, and authenticity of all information. It is also important to encourage employees to use them constantly and train them to deal with difficulties. And then, a company with a good security system promotes the confidence of customers and employees. It is essential to strengthening the cyber security in Los Angeles to protect your business type. Take advantage of this article to check if the computer security is intact and check the security of your employees' work devices.

## **How to Find a Stolen Computer?**

As with your smartphone, you feel like you're putting your whole life into your laptop. Losing it or having it stolen can have very serious consequences. We are not even talking about a professional computer, which can contain strategic and confidential information. We do not wish anyone to find themselves in this situation. It is better to introduce [cyber security protocols in Los Angeles](https://iqvcloud.com/cyber-security-2/) for guarding your devices.

If this happens to you, don't panic because today, whether you have a Windows or Mac computer, there are solutions to lock it remotely and geolocate it. Be careful; it is more than advisable to involve the police in recovering your property if you manage to get your hands on it. However, you must have activated location and locking on your computer.
Under Windows, it is possible to locate your device approximately. Note that this option is disabled by default. 

1. Go to settings
2. Update and security
3. Locate your device to turn it on

Go to the Microsoft website and discover the settings yourself to find it. On Mac, it's the opposite. Localization set active by default, and go to the Apple site to locate it

**## Good Control Of Computer Network Access Points**

To provide optimal security for company data, it is also essential to constantly monitor all access points to the computer network: computers, mobile devices, wifi terminals, connections, and many more. It would even be preferable to limit their number to guarantee maximum protection. Concerning the cyber security issues, it is necessary to be able to cut off all access and delete content remotely if necessary. This point is essential because it is at this level that hackers most frequently attack. Monitoring access to the computer network is necessary.
Automatic Data Classification on t6 IoT
Tags: classification, datascience, annotation, labelling
Published: 2022-04-13 18:55:47

Data classification is using an multi-class annotation tool embedded on [t6 IoT](https://api.internetcollaboratif.info). The concept is to assign a category to any Datapoints based on Rules.

## Benefits on setting t6 for your Data Annotation & Classification

Using t6 [Decision Rule](https://www.internetcollaboratif.info/features/decision-rule/) maximize and ease the annotation process. This implies :

- a fast process on annotating datapoints ;
- an automatic identification based on Rules without any human requirement (after setting up the rules) ;
- a reliable and robust identification, whatever the number of datapoint, this annotation will defined the correct Classification from your rules.

## t6 data annotation
t6 preprocessor is flexible and allow any of the following classification types:

### Binary Classification
The Classification is having only 2 possible options (2 classes). This can be used on identifying email spam detection (the Classification is either “spam” or “not spam”, and can’t be both at the same time, or any other variation).

### Multi-Class Classification
A Multi-Class Classification on the opposite is allowing to have more than 2 classes in the Classification. For instance it can be used to identify either the datapoint is “Walking”, “Running”, “Flying” OR “Swimming”.

### Multi-Annotation (or Multi-Label) Classification
This third type is the more flexible and allows the datapoint to relate to multi Binary or Multi-Class Classifications. Hence, it combine multiple Classes together.

## Automate classification on measurements
### Identify classes
This step is crucial as it will define the whole classification on your measurement. Identifying classes require a full knowledge of the business behind data and measurements. Thus became business focus. That is the reason why we have set t6 to trust human and business owners on this task.

### Define criteria - rules
[Decision Rule](https://www.internetcollaboratif.info/features/decision-rule/) requires basic criteria combination to fully handle the automation. As t6 is Multi-Annotation Classification, having multiple Rules on the same Measured datapoint is feasible. Hence, we can easily and automatically setup several annotations to the same measured just by using multiple Rules distinctively.

### Setup a Decision Rule that will trigger the annotation
The idea behind those trigger is very simple :

- first you’d need to have a [Flow](https://www.internetcollaboratif.info/features/flow/) that will contains the Datapoints measured as Facts;
- and a Category to be used in the Classification;

Then, the combination of the criteria is defined by Conditions matching operators from Decision Rule. And finally, the Action trigger should be “annotate” including an additional category_id on its event parameters.

Hence, each time the datapoints will match the condition(s), then annotation process will take other and attribute the Category according to the Rule parameter. And voila.

More details about [t6 IoT](https://api.internetcollaboratif.info)
[Video] Polymorphic JSON Serialization (feat. .NET & System.Text.Json)
Tags: dotnet, csharp
Published: 2022-04-13 18:53:19

---
title: [Video] Polymorphic JSON Serialization (feat. .NET & System.Text.Json)
published: true
date: 2022-04-13 18:45:00 UTC
tags: dotnet,csharp
canonical_url: https://blog.codingmilitia.com/2022/04/13/polymorphic-json-serialization-feat-dotnet-system-text-json/

cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/72eny6b8y6bf1joihd6w.png
---

Hey folks!

Time for one more video on messing with System.Text.Json, this time to get polymorphic (de)serialization going.

This is a simple approach, that can certainly be further extended and improved, but has been working well in the projects I needed it.

{% youtube 56e_JC2lxdo %}

Here are a couple of related links:

- [Sample implementation](https://github.com/joaofbantunes/PolymorphicSerializationSample)
- [How to write custom converters for JSON serialization (marshalling) in .NET](https://docs.microsoft.com/en-us/dotnet/standard/serialization/system-text-json-converters-how-to)

Thanks for stopping by, cyaz! 👋