teleren/devto huggingface dataset:
MongoDB Beginner tutorial
Tags: mongodb, mongodbtutorial, webdev, programming
Published: 2022-07-14 05:23:39

## What is MongoDB
According to the [official website](https://www.mongodb.com/what-is-mongodb) of mongoDB, MongoDB is a document database with the scalability and flexibility that you want with the querying and indexing that you need.

MongoDB is an open-source document database that is designed to store a large scale of data and it allows you to work with data very efficiently. It used NoSQL (Not only SQL) database because it does not use table form to store the data like SQL.


MongoDB also provides official driver support for all the popular programming languages like C, C++, Python, Java, Node JS, Go.. etc.. 

There are so many companies which uses MongoDB to store data Facebook, Nokia, Adobe, Google, etc..

## what happens behind the scenes
MongoDB is a database server and the data is stored in these databases. MongoDB gives you a server that allows you to start and create multiple databases on it using MongoDB.

MongoDB uses NoSQL database, which means data is stored in the collections and document. Hence the database, collection and documents are related each other as shown below.

image credits : [sqlserverguides.com](https://sqlserverguides.com/what-is-mongodb/)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ct79mtsuk62oz2qymfnk.png)

MongoDB collections are Similar to MySQL tables. You can create any number of databases and collections.

## Installing MongoDB
installing is very easy you just need to visit [mongodb website](https://www.mongodb.com/try/download/community). Just leave the default settings while installing. 
Now you we need to bin folder path in our environment variables if you are on windows.
most of the cases it will be in this path :
`C:\Program Files\MongoDB\Server\5.0\bin`
check and add it to path variables.

## Some Important Commands
`show dbs;` -> to view all existing databases
`use newDatabase` -> to use existing database or to created and use database
`db` -> used to show on which database we are on
`db.dropDatabase()` -> used to drop/delete a database
`db.createCollection('name')` -> used to create a collection inside a database
`db.showCollections()` -> used to view collections inside a database
`db.CollectionName.drop()` -> used to drop a collection in a database
Lets say we have a collection called `Content`, now we will see how to insert rows into it.
`db.Content.insert({'name': 'vamsi','age': 20})` -> used to insert a row into collection
`db.Content.insert([objects])` -> used to insert more than one row

This is the Basics of MongoDB.
Thank You 🌹

Also Read :
[Getting Started with Express JS](https://dev.to/vamsitupakula_/getting-started-with-express-js-2705)
Fast multi-core installation of Ruby gems with C extensions
Tags: ruby
Published: 2022-07-14 05:20:35

It's easy. Simply set the environment variable `GNUMAKEFLAGS` or `MAKEFLAGS`.

```sh
export GNUMAKEFLAGS=-j4
```

Update locally installed gems.

```sh
MAKEFLAGS=-j8 gem update
```

This technique can be applied to programming languages other than Ruby. For example, the R language library also uses the C++ extension, and these environment variables will speed up the installation.

Have a nice day!
CSS: Add shadow
Tags: css
Published: 2022-07-14 05:12:00

##1.Applies a drop shadow effect to the image. 
```
img{
  filter: drop-shadow(offset-x offset-y blur color);
}
```
example:
`filter: drop-shadow(1px 1px 1px black);`

![add shadow to an img](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/51g8qp3444cueml0r0go.png)
<hr/>

##2.Add shadow to the **text**.
```
h1{
  text-shadow: offset-x offset-y blur color;
}
```
[An example from www.w3schools.com:](https://www.w3schools.com/cssref/playdemo.asp?filename=playcss_text-shadow&preval=5px%205px%205px%20red)
`text-shadow: 5px 5px 10px red;`
![add shadow to the text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7i2ycmszr6ylajqy1gb0.png)
<hr/>
##3.Add **one** or **more** rectangle shape shadow to an element
```#example{
  box-shadow: offset-x offset-y blur color, 
              offset-x offset-y blur color, 
              offset-x offset-y blur color;
}
```
[An example from www.w3schools.com:](https://www.w3schools.com/css/css3_shadows_box.asp)
`box-shadow: 5px 5px 8px blue, 10px 10px 8px red, 15px 15px 8px green;`
![multiple shadow with blur effect](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2f7mo3y75jq8m6gheavi.png)
<hr>
###*Difference between box-shadow and drop-shadow
[Breaking down CSS Box Shadow vs. Drop Shadow](https://css-tricks.com/breaking-css-box-shadow-vs-drop-shadow/)
On the Width of Webpages
Tags: webdev
Published: 2022-07-14 04:56:23

Websites should never be wider than their viewports. I think that most people understand this, but it’s incredible how often I come across sites which get this wrong. It seems that every other site I read on my phone looks like this:

![A flawed but common mobile layout.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wbgb1n73nre0vjll675e.png)

An actual phone, of course, cannot simply render the content outside of the screen. Instead, browsers handle overflowing by allowing users to move the viewport by scrolling.

This is a good default for _horizontal_ overflow, but it's usually bad for vertical overflow. When mobile users scroll vertically, it is easy to accidentally scroll horizontally as well, which can be extremely distracting from the content.

Most web developers test their sites primarily on desktop browsers, where the viewport is much wider, so it's easy not to notice the issue. Even when developers test using desktop browsers' mobile emulation tools, they typically use a mouse or touchpad, so they are less likely to accidentally scroll horizontally.

Web developers should adopt the following priniples:

- Whenever possible, the design should respond to the viewport's width rather than rely on users to scroll.
- Failing that, large elements should scroll _individually_, using `overflow-x: scroll`, rather than force the entire body to widen.
- Websites should be tested in an environment as close as possible to the one in which they will be used.
Data Deluge
Tags: datadeluge, dataquality, datagranularity
Published: 2022-07-14 04:29:31

# What is data deluge?
The word "deluge" is pronounced as del-yooj and it literally means an enormous amount of anything. A data deluge is a situation in which the amount of new data being produced is so enormous that organisations are unable to handle it. We have reached a point where the volume of data is expanding faster than the infrastructure and technologies that can support it. The granularity of the collected data intensifies the difficulty.

> **Data Granularity:** When data is split, it becomes more granular. It grew more specific and its complexity increased. A good example of data granularity is the subdivision of an address field into street, city, and zip code. Nevertheless, granularity grows when the unit is subdivided more.

When organisations are unable to handle the volume of new data being produced, it makes it impossible for analysts to analyse it and for researchers to draw any meaningful conclusions from it.

In addition to conventional data sources, there are many digital sources nowadays, such as social media. It is challenging to efficiently gather, visualise, and analyse information given the enormous volumes of data available.

# How can a data deluge be avoided?
It is essential to combat the data deluge by gathering the right amount of data that not only saves money but also offers significant and valuable insights.
CSS Tutorial 3
Tags: html, css, javascript
Published: 2022-07-14 04:24:23

### 1. Animation and Hover Effects with HTML, CSS
{% youtube https://youtu.be/E-rYSaW8Cfo?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 2. Taxi Animation Effects with HTML, CSS
{% youtube https://youtu.be/SLKHJDllwWU?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 3. Smiley Face Effects with HTML, CSS
{% youtube https://youtu.be/gGSCHPiyvjs?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 4. Scanning Fingerprint Animation with HTML, CSS
{% youtube https://youtu.be/2sfYKhcaKx8?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 5. Light Bulb Animation Effects with HTML, CSS
{% youtube https://youtu.be/dty0dMnGqSk?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 6. Infinity Dots Animation Effects with HTML, CSS
{% youtube https://youtu.be/sRE_RzzJu3g?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 7. Glowing Dots Animation with HTML, CSS
{% youtube https://youtu.be/tR_MPlgqi5k?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 8. Text Hover Effects with HTML CSS
{% youtube https://youtu.be/wcGOzBSpIfg?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 9. 3D Safari Logo with HTML CSS - Light Mode
{% youtube https://youtu.be/UE49XDcAvVU?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 10. 3D Safari Logo with HTML CSS - Dark Mode
{% youtube https://youtu.be/GLNuUbtm9ug?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
CSS Tutorial 2
Tags: html, css, javascript
Published: 2022-07-14 04:18:10

### 1. Dot animation with HTML, CSS
{% youtube https://youtu.be/77WCRFLQO3g?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 2. Simple Popup Box with HTML, CSS
{% youtube https://youtu.be/n96j1I8Ac1I?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 3. Modern Button with HTML, CSS
{% youtube https://youtu.be/atRiF-ruYlU?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 4. Button hover effect with HTML, CSS
{% youtube https://youtu.be/u5YIYuQ9lpk?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 5. Responsive Card Hover Effects with HTML, CSS
{% youtube https://youtu.be/I4TKcp3cjiI?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 6. Liquid Loader Animation with HTML, CSS
{% youtube https://youtu.be/Yg6CUqYfWR0?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 7. Image Hover Effects with HTML, CSS
{% youtube https://youtu.be/Gi3Im4QMoYI?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 8. Energy Ball Animation Effects with HTML, CSS
{% youtube https://youtu.be/2EXp4cJYwaU?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 9. Cloud and Rain Animation with HTML, CSS
{% youtube https://youtu.be/LcnsixidsSM?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 10. Button Hover Effects with HTML, CSS
{% youtube https://youtu.be/6wOjnpnrYH0?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
How to create Auto Increment in Sql Server
Published: 2022-07-14 04:17:00

---
title: How to create Auto Increment in Sql Server
published: true
description: In this article, we will learn how to create a Auto Increment in SQL Server
tags: 
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---

originally posted here: https://koalatea.io/sql-server-auto-increment/

## Intro
Recently I was migrating a postgresql database to sql server. One issue I ran into was migrating the Id columns and keeping the same values as before. SQL server does not let you change a column to identity and does not allow you to edit the identity column. Online resources suggested creating a new column or reinserting each row, however, these were not great options as I was using Azure DB migration tool for a large db and was not guaranteed to have sequential ids since the old db had deletes. My solution was to implement my own auto increment for the Id column.


## Setup

The example is somewhat complicated, but let me set up a small example.

We start with an employee table.

```sql
CREATE TABLE employees (
	id int not null,
  first_name VARCHAR (50) NOT NULL,
  last_name VARCHAR (50) NOT NULL,
);
```

Notice that we use `int` for id as we can not map the old data to identity when using Azure migration tool.

Now, we can insert some existing data from the old database.


```sql
insert into employees (id, first_name, last_name) 
	values 
	(1, 'keith', 'holliday'),
	(2, 'jon', 'doe'),
	(4, 'jon', 'dane');
```

Notice that we do not have row 3. That is because in the old database, the row was deleted. I can not reset the Ids, because the old database has many relationships that depend on those ids.

Right now, if I insert, the id column will not auto increment. To resolve this, let's create a sequence for the table and set the next value as default for the id column.

```sql
CREATE SEQUENCE employees_ids 
    START WITH 5
    INCREMENT BY 1;  
```

We created a sequence that will increment by 1 and starts at 5, which is one more than the current max id in the table. We now need to set the default value for the id column.

```sql
alter table employees 
add constraint employees_id
default (next value for employees_ids) for id;
```

The above creates a constraint that will crab the next value in our sequence on insert. We can test this out by adding a new employee.

```sql
insert into employees (first_name, last_name) 
	values 
	('ash', 'ketchum');
```

|id|first_name|last_name|
|--|----------|---------|
|1|keith|holliday|
|2|jon|doe|
|4|jon|dane|
|5|ash|ketchum|


Finally, we can now make this our primary key.

```sql
ALTER TABLE employees 
   ADD CONSTRAINT PK_employees_id PRIMARY KEY (id);
```
Projects Coming to Life 🌈 Inside of VS Code - Marquee's Project Mode
Tags: vscode, webdev, productivity, onboarding
Published: 2022-07-14 04:14:24

## Onboarding is constant 🌪
It really isn't ever "done". Once you have become comfortable contributing to a repo, it is mind-boggling how little it takes to completely forget about workflows and prerequisites after switching back to it from another project. It's also much easier said than done to keep up with changes others introduced, that, often unintentionally, pull out the rug under your past-time productive dev environment.

> 💡 If you haven't yet, go ahead and [give Marquee a spin](https://marketplace.visualstudio.com/items?itemName=stateful.marquee)

This and the desire for better DX is what motivated us (at [Stateful](https://www.stateful.com/)) to introduce relevant onboarding information readily into Marquee - the high-density information homescreen for VS Code. As of [Marquee v3.2.0](https://github.com/stateful/vscode-marquee/releases/tag/3.2.0) the beta UX of 🚀 Project Mode is available to you.

![Select 🚀 Project Mode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9reg12ibndr5yx4k9c5w.png)
> Select **🚀 Project Mode** from the modes dropdown

## Customize your ⚙️ project dashboard
Right out the gate, we have a few handy widgets available in beta:

- Todos to quickly reload context
- A markdown widget to surface important project docs
- Insights about download numbers in case it's published to NPM
- Add RSS feeds to pull in arbitrary feeds: eg Twitter, Orbit, anything Zapier connects to
- And, of course, a Recent Projects widget to navigate your projects

Curate your repo’s dashboard for your team’s benefit by checking in relevant [VS Code settings](https://github.com/webdriverio/webdriverio/blob/main/.vscode/settings.json) into your version control system. [Install Marquee](https://marketplace.visualstudio.com/items?itemName=stateful.marquee) and give it a shot.

## Project Mode 💥 has just gotten started
Anything in particular you would like to see on this dashboard? Please tell us on [GitHub](https://github.com/stateful/vscode-marquee) or [Discord](https://discord.gg/BQm8zRCBUY). Questions, bug reports, or suggestions are always welcome.

![Project Mode widgets at play](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oog9jtzecihzzojvzcru.png)
> Learn how Stateful's Christian Bromann uses [Project Mode to keep up with his open source projects](https://www.stateful.com/blog/marquees-new-project-mode-in-vscode)
CSS Tutorial 1
Tags: css, html, javascript
Published: 2022-07-14 04:10:43

### 1. A Simple Style Card Carousel Diagram with HTML CSS
{% youtube https://youtu.be/qf_slcTCQcE?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 2. Implement a hover beautiful button animation with CSS
{% youtube https://youtu.be/lAtG-0PFiV0?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 3. Rotating 3D Windmill Effect with HTML, CSS
{% youtube https://youtu.be/L_73hyb1uZo?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 4. Flying butterfly effect with html, css
{% youtube https://youtu.be/VhKS_vWwNGA?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 5. Blinds effect in HTML, CSS
{% youtube https://youtu.be/6Objcbajj8E?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 6. 3D Box Animation with HTML, CSS
{% youtube https://youtu.be/aZFF5csqcog?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 7. Unlimited perspective animation with HTML, CSS
{% youtube https://youtu.be/-vWGMQUHnVs?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 8. Build a floating boat effect with HTML, CSS
{% youtube https://youtu.be/w-bSPzHI1X4?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 9. Drawing strawberry cake with CSS
{% youtube https://youtu.be/tVJLls5XUQ4?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 10. Draws 3D airplane animation with CSS 3
{% youtube https://youtu.be/Xysp7n0xopI?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 11. Sleeping bear animation with HTML, CSS
{% youtube https://youtu.be/YGCpMpnRt7Y?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 12. Effect about girl jumping rope with HTML, CSS
{% youtube https://youtu.be/GvG03rzwtBI?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 13. Menu hover effect with HTML, CSS
{% youtube https://youtu.be/HtHDDLk1yMU?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 14. Menu effect with HTML, CSS
{% youtube https://youtu.be/P4buTWo8A5o?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
### 15. Menu 3D effect with HTML, CSS
{% youtube https://youtu.be/51oCddKjpvs?list=PLh72pSS7XkZ1dO3yTNpgkPYHXFXnZ6-LH %}
Graphics Programming in Python Turtle 3
Tags: python
Published: 2022-07-14 03:53:37

**1. Drawing star geometry in Python**
{% youtube https://youtu.be/R-Irsx6VOxo?list=PLh72pSS7XkZ2elisJnmQCurjtM6c7IU1f %}
**2. Draw a pivot triangle in Python**
{% youtube https://youtu.be/f6tsetUkBcs?list=PLh72pSS7XkZ2elisJnmQCurjtM6c7IU1f %}
**3. Draw a tesla logo in Python**
{% youtube https://youtu.be/ZCAbKk5dxoU?list=PLh72pSS7XkZ2elisJnmQCurjtM6c7IU1f %}
**4. Draw a Google Chrome logo in Python**
{% youtube https://youtu.be/I_H7Wqz_FHk?list=PLh72pSS7XkZ2elisJnmQCurjtM6c7IU1f %}
**5. Smile and have patience**
{% youtube https://youtu.be/UHOpUydk-7c?list=PLh72pSS7XkZ2elisJnmQCurjtM6c7IU1f %}
**6. Display the words Vietnam is number one**
{% youtube https://youtu.be/10nLdx_d-CM?list=PLh72pSS7XkZ2elisJnmQCurjtM6c7IU1f %}
Can you solve this reference problem?
Published: 2022-07-14 03:27:32

```js
let foo = () => {}
let bar = () => foo
foo = bar
foo === bar() // ???
```
If you've been using `const` to declare stuff for too long or have been used to immutability, you might find yourself getting this wrong like I did.

The correct answer is `true`, `bar()` does reference the same function, not the previous function that `foo` was. Now I found that strange and thought it had to do with functions being a little different, since if you turn the above example into objects, the comparison becomes `false`.

```js
let foo = {}
let bar = { x: foo }
foo = bar
foo === bar.x // false
```

with objects we can see that `bar.x` does point to the empty object. This makes sense because instead of storing the reference, we instead use the value that `foo` points to and assign it to `x`.

Then that means when using variables inside functions, we use the reference instead of using what the reference points to, now that might be painfully obvious to a lot of you (hopefully not all of you) but if your used to never redeclaring variables, you might have never encountered this interaction, or have forgotten.

## With other blocks

But it's not just functions, any re-executable block does this, this loop for example:

```js
let b = 0;
while (b < 10) {
  console.log(b)
  b += 1
}
```

for the above loop to work properly, `b` inside `console.log()` has to be the pointer and not whatever the pointer points to.

## Delayed Execution

This also happens with Promises and delayed execution with `setTimeout`:

```js
let a = 0;
new Promise((res, rej) => {
    let b = 10
    setTimeout(() => {
        b = a;
        res(b)
    }, 300)
}).then(val => console.log(val)) // this will be 40
a = 40
```

## Conclusion

The more I look into it the more I realize that it makes a lot of sense. I don't know why this confused me, maybe because when I first saw this interaction it was with a lot of higher-order tomfoolery, heck I'm not even sure if I'm using terms correctly, but I hope I'm not the only one confused by this interaction.
How to unzip .zip files from s3 bucket back to s3
Tags: s3, aws, node, typescript
Published: 2022-07-14 02:56:33

# The problem 

- Get an .zip file provided from s3 bucket and upload the extracted folder and its content back to s3 bucket

### The solution

- Built an npm package that gets an .zip file from s3 and create streams, with that you can do whatever you want with the extracted content.


- You can check more and contribute to our package in: [s3-zip-handler](https://www.npmjs.com/package/s3-zip-handler)


### built-in possibilities

- **Send extracted folder back to s3 bucket**
````typescript

import AWS from 'aws-sdk'
import s3ZipHandler, { IS3ZipFileParams } from 's3-zip-handler'

const s3Client = new AWS.S3({
...your s3 settings
})

 
const s3Config: IS3ZipFileParams = {
    s3Client,
    bucket: 'your-s3-bucket',
    key: 'your-s3-key/your-zip-file.zip',
    params: {
      ACL: 'public-read',
      ContentDisposition: 'inline'
    }
} 

const {
localPath, 
uploadedPath 
} = await s3ZipHandler.decompressToKeyFolderS3(s3Config)

// localPath = 'os-tmp/unzipped-xxxx/your-zip-file'
// uploadedPath  = 'your-s3-bucket/your-s3-key/your-zip-file'

```


- **Manipulate locally the extracted folder**

``` typescript
import s3ZipHandler from 's3-zip-handler'
import AWS from 'aws-sdk'

const s3Client = new AWS.S3({
    ...your s3 settings
})

const s3Config = {
    s3Client,
    bucket: 'your-s3-bucket',
    key: 'your-s3-key/your-zip-file.zip'
} 

const {
 localPath
 } = await s3ZipHandler.decompressLocal(s3Config, 'path-to-extract')

// localPath = 'path-to-extract/your-zip-file'


```
Docker IPV6 - Guia definitivo
Tags: tutorial, docker, devops, ubuntu
Published: 2022-07-14 02:54:24

É de conhecimento de todos que o ipv4 se esgotou, existe alguns blocos ainda disponíveis mas já não se pode contar com eles para novos provedores e etc. Dessa forma cada vez mais esta sendo adotado o IPV6 porém, nem todas as aplicações estão preparadas 100% para o uso do mesmo. Em alguns casos já existe o suporte porém, pode ser necessário alguns ajustes a mais, o docker é um desses. 

Contudo para habilitar a conexão via ipv6 basta editarmos o arquivo daemon.json com algumas informações. Será habilitado via nat, utilizando o ipv6 do host para comunicação. Caso queria usar seu bloco de ipv6 para pegar um IP real direto no container, faça o ajuste no endereçamento do mesmo.

```
# Editar o arquivo de configuração
nano /etc/docker/daemon.json 

# Conteúdo a ser incluído no mesmo.
{
    "ipv6": true,
    "fixed-cidr-v6": "fd00:dead:beef:c0::/80",
    "experimental": true,
    "ip6tables": true
}

``` 
![Docker daemon.json ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fcpuapk1kslrpe5lx51a.png)
 
Após realizar a configuração precisamos reiniciar os serviços do docker 

```

# Reiniciar o serviço docker 
systemctl restart docker.service

```

Feito isso nossos containers conectado a rede bridge do docker tem acesso via ipv6/nat a internet, como se pode observar na imagem baixo conseguimos pingar o google normalmente.

![ping6 google.com](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/slvw963pl7vo92619mk0.png)
 



Links Úteis:

https://github.com/mailcow/mailcow-dockerized/blob/1a05101f5031bcda864bc9e10d49cc52d26de2e5/update.sh

https://discuss.hashicorp.com/t/no-assigned-ipv6-address-for-docker-containers-nomad-consul-connect/41391

https://www.reddit.com/r/kasmweb/comments/sg6tv9/guide_enabling_ipv6_on_your_kasmweb_server/

https://github.com/mailcow/mailcow-dockerized/blob/3d538d4f144d31b2e0df1b71708735979e1027ed/docker-compose.yml