Skip to content

fix(tutorials): add screenshots to MongoDB Atlas VPC Peering tutorial (EN + ES)#177

Open
agustinoli wants to merge 3 commits into
developfrom
fix/mongodb-atlas-vpc-peering
Open

fix(tutorials): add screenshots to MongoDB Atlas VPC Peering tutorial (EN + ES)#177
agustinoli wants to merge 3 commits into
developfrom
fix/mongodb-atlas-vpc-peering

Conversation

@agustinoli
Copy link
Copy Markdown
Contributor

@agustinoli agustinoli commented May 8, 2026

Reescritura del tutorial de MongoDB Atlas VPC Peering usando el nuevo flujo de publicación directa al repo.

Cambios

  • Agrega 16 screenshots de Notion embebidos con el componente <Zoom> (lightbox) en los pasos correspondientes
  • Corrige el formato bold escapado (\*\*) que quedaba del flujo anterior con CMS
  • Se omitieron 3 screenshots de Notion que contenían hostnames y credenciales de un cliente
  • Los bloques de código ya usaban placeholders genéricos (YOUR_CLUSTER_URL, YOUR_USERNAME), sin cambios necesarios

Archivos modificados

  • content/tutorials/en/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas.mdx
  • content/tutorials/es/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas.mdx
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/ — 16 imágenes nuevas

Cómo revisar

  1. Levantar el servidor local: docker compose up -d doc desde projects/docs/
  2. Abrir http://localhost:4000 y navegar al tutorial MongoDB Atlas VPC Peering
  3. Verificar que los screenshots de los pasos 2, 3, 4 y 7 renderizan correctamente y abren en lightbox
  4. Verificar la versión en español
  5. Confirmar que no hay datos de clientes visibles en ninguna parte del tutorial

Summary by CodeRabbit

Notas de Lanzamiento

  • New Features

    • Agregados nuevos tutoriales: "Configurar VPC Peering entre AWS y MongoDB Atlas" y "Conectar a VPN con OpenVPN".
  • Documentation

    • Mejorada documentación de tutoriales existentes con instrucciones más claras, imágenes embebidas y ejemplos actualizados.
    • Actualizado contenido de changelog para mejor presentación.

Review Change Stack

agustinoli added 2 commits May 8, 2026 17:30
…OpenVPN�[38;2;187;187;187m �[39mprofile�[38;2;187;187;187m �[39mtutorial�[38;2;187;187;187m �[39m(EN�[38;2;187;187;187m �[39m�[38;2;102;102;102m+�[39m�[38;2;187;187;187m �[39mES)

Covers�[38;2;187;187;187m �[39mexporting�[38;2;187;187;187m �[39mthe�[38;2;187;187;187m �[39m�[38;2;102;102;102m.�[39movpn�[38;2;187;187;187m �[39mfile�[38;2;187;187;187m �[39mfrom�[38;2;187;187;187m �[39mthe�[38;2;187;187;187m �[39mPritunl�[38;2;187;187;187m �[39mURL�[38;2;187;187;187m �[39m�[38;2;170;34;255;01mand�[39;00m�[38;2;187;187;187m �[39mconfiguring
OpenVPN�[38;2;187;187;187m �[39mConnect�[38;2;187;187;187m �[39mon�[38;2;187;187;187m �[39mmobile�[38;2;102;102;102m.�[39m�[38;2;187;187;187m �[39mCloses�[38;2;187;187;187m �[39mSLEAK�[38;2;102;102;102m-�[39m�[38;2;102;102;102m5441.�[39m

Co�[38;2;102;102;102m-�[39mAuthored�[38;2;102;102;102m-�[39mBy:�[38;2;187;187;187m �[39mClaude�[38;2;187;187;187m �[39mSonnet�[38;2;187;187;187m �[39m�[38;2;102;102;102m4.6�[39m�[38;2;187;187;187m �[39m�[38;2;102;102;102m<�[39mnoreply@anthropic�[38;2;102;102;102m.�[39mcom�[38;2;102;102;102m>�[39m
…00m�[38;2;187;187;187m �[39mscreenshots�[38;2;187;187;187m �[39m�[38;2;170;34;255;01mto�[39;00m�[38;2;187;187;187m �[39mMongoDB�[38;2;187;187;187m �[39mAtlas�[38;2;187;187;187m �[39mVPC�[38;2;187;187;187m �[39mPeering�[38;2;187;187;187m �[39mtutorial�[38;2;187;187;187m �[39m(EN�[38;2;187;187;187m �[39m�[38;2;102;102;102m+�[39m�[38;2;187;187;187m �[39mES)

Co�[38;2;102;102;102m-�[39mAuthored�[38;2;102;102;102m-�[39m�[38;2;170;34;255;01mBy�[39;00m:�[38;2;187;187;187m �[39mClaude�[38;2;187;187;187m �[39mSonnet�[38;2;187;187;187m �[39m�[38;2;102;102;102m4.6�[39m�[38;2;187;187;187m �[39m�[38;2;102;102;102m<�[39mnoreply�[38;2;184;134;11m@anthropic�[39m.com�[38;2;102;102;102m>�[39m
@agustinoli agustinoli changed the title feat(tutorials): SLEAK-5441 — Connect to VPN with OpenVPN (EN + ES) fix(tutorials): add screenshots to MongoDB Atlas VPC Peering tutorial (EN + ES) May 8, 2026
@lucaiz
Copy link
Copy Markdown
Contributor

lucaiz commented May 10, 2026

tantas imagenes dan confianza.
Las hiciste todas a mano no? Esas fotitos en un futuro estaria piola que las haga Claude por is mismo como describo yo aca. La verdad no se porque no estan mas las fotos en esa PR (o yo no las veo pero esa que paso mati al chat la hizo Claude por si mismo)

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented May 13, 2026

Walkthrough

Esta actualización de contenido agrega dos nuevos tutoriales al registro de documentación y reestructura significativamente la guía de VPC Peering entre AWS y MongoDB Atlas en inglés y español, con énfasis en instrucciones más claras, tablas estructuradas, y marcadores visuales.

Changes

Posicionamiento de changelog y expansión de tutoriales

Layer / File(s) Summary
Changelog sidebar positioning
content/changelog/en/2026-04-28-version-2.9.0.md, content/changelog/es/2026-04-28-version-2.9.0.md
Se añade sidebar_position: 1 al frontmatter de ambas versiones del changelog para controlar el orden en la barra lateral de documentación.
Tutorial registry expansion
src/data/tutorials-generated.json
Se agregan cuatro nuevas entradas de tutorial al registro: "How to Set Up VPC Peering Between AWS and MongoDB Atlas" y "Connect to VPN with OpenVPN" en inglés y español, cada una con posición de barra lateral, etiquetas, imágenes y descripciones.
VPC Peering tutorial restructuring
content/tutorials/en/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas.mdx, content/tutorials/es/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas.mdx
La guía de VPC Peering se reestructura en profundidad en ambos idiomas: se normaliza el formato de requisitos previos y condiciones de uso, se expande la alternativa NAT Gateway con pasos numerados, se reorganizan las secciones de recopilación de información AWS en subsecciones de Account ID y VPC ID/CIDR, se transforman los pasos de creación y aceptación de peering en instrucciones numeradas con capturas Zoom, se añaden tablas de reglas de salida para Security Groups e ilustraciones con tags de Karpenter, se expande la sección opcional de conexión VPN con substeps explícitos e imágenes embebidas, y se actualizan los comandos de verificación para instancias EC2 y pods EKS.

🛠️ En sleakops arreglamos los conflictos a las piñas,
Documentación restructurada sin confusiones,
Tutoriales claros, imágenes nuevas,
VPC Peering ya no es un misterio,
¡La guía brilla con paso a paso certero! 🎯


🎯 2 (Simple) | ⏱️ ~12 minutes

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed El título describe claramente el cambio principal: agregar capturas de pantalla al tutorial de VPC Peering de MongoDB Atlas en inglés y español.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/mongodb-atlas-vpc-peering

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

  • Generate code and open pull requests
  • Plan features and break down work
  • Investigate incidents and troubleshoot customer tickets together
  • Automate recurring tasks and respond to alerts with triggers
  • Summarize progress and report instantly

Built for teams:

  • Shared memory across your entire org—no repeating context
  • Per-thread sandboxes to safely plan and execute work
  • Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (1)
content/tutorials/en/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas.mdx (1)

92-92: ⚡ Quick win

Seguimiento necesario: trackear los TODOs de screenshots faltantes.

Tenés 3 comentarios TODO para screenshots que se omitieron por contener datos de clientes. Está perfecto haberlos sacado, pero estos TODOs deberían trackearse en un issue para recrear esas capturas con datos genéricos/mock más adelante. Sin esas imágenes, los usuarios pueden trabarse en esos pasos específicos.

¿Querés que te genere el issue para trackear esto?

Also applies to: 99-99, 279-279

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In
`@content/tutorials/en/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas.mdx`
at line 92, There are three TODO snapshot placeholders (e.g., "TODO: screenshot
- AWS Console top-right dropdown showing Account ID") left in the MDX that need
to be tracked; create a single issue to track replacing these removed
screenshots (locations: the TODO at line 92 and the similar TODOs referenced as
99-99 and 279-279) and include the exact TODO texts, the MDX file name,
acceptance criteria (recreate screenshots using generic/mock data, add new image
assets and update the MDX to reference them, ensure no client-sensitive info,
and add alt text), link the PR that removed them and tag the content owner/QA
for verification, and set the priority so this stays on the backlog until mock
screenshots are available.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/data/tutorials-generated.json`:
- Around line 35-47: The two tutorials
"how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas" and "make-rds-public"
are both using sidebar_position 4, causing a conflict; update the
sidebar_position for the "make-rds-public" tutorial (id: "make-rds-public") to 5
in both the English and Spanish generated JSON files (the entries referenced
around lines 62/231) so that
"how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas" can remain at 4 and
the sidebar ordering is unique and consistent.

---

Nitpick comments:
In
`@content/tutorials/en/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas.mdx`:
- Line 92: There are three TODO snapshot placeholders (e.g., "TODO: screenshot -
AWS Console top-right dropdown showing Account ID") left in the MDX that need to
be tracked; create a single issue to track replacing these removed screenshots
(locations: the TODO at line 92 and the similar TODOs referenced as 99-99 and
279-279) and include the exact TODO texts, the MDX file name, acceptance
criteria (recreate screenshots using generic/mock data, add new image assets and
update the MDX to reference them, ensure no client-sensitive info, and add alt
text), link the PR that removed them and tag the content owner/QA for
verification, and set the priority so this stays on the backlog until mock
screenshots are available.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: fce3e2e3-179c-48bb-8245-32aebf4b0ed0

📥 Commits

Reviewing files that changed from the base of the PR and between 6e82b4f and 6c8a9c8.

⛔ Files ignored due to path filters (16)
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/atlas-connection-modal.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/atlas-custom-dns.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/atlas-network-access-peering.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/atlas-peering-available-1.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/atlas-peering-available-2.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/atlas-peering-form.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/atlas-peering-waiting.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/atlas-private-connection-string.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/aws-peering-accept-1.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/aws-peering-accept-2.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/aws-peering-pending-1.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/aws-peering-pending-2.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/aws-route-table-edit.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/aws-route-table.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/pritunl-add-route.png is excluded by !**/*.png
  • static/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/pritunl-route-saved.png is excluded by !**/*.png
📒 Files selected for processing (5)
  • content/changelog/en/2026-04-28-version-2.9.0.md
  • content/changelog/es/2026-04-28-version-2.9.0.md
  • content/tutorials/en/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas.mdx
  • content/tutorials/es/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas.mdx
  • src/data/tutorials-generated.json

Comment on lines +35 to +47
{
"id": "how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas",
"title": "How to Set Up VPC Peering Between AWS and MongoDB Atlas",
"description": "Connect your AWS VPC to MongoDB Atlas using VPC Peering for private, low-latency database access — and learn when peering is the right choice and when to use alternatives.",
"tags": [
"aws",
"database",
"networking",
"kubernetes"
],
"image": "/img/tutorials/how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas/mongodb-atlas-vpc-peering.png",
"sidebar_position": 4
},
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical | ⚡ Quick win

Conflicto de sidebar_position: dos tutoriales peleándose por el mismo lugar.

El nuevo tutorial de VPC Peering tiene sidebar_position: 4, pero "make-rds-public" (línea 62 en EN, línea 231 en ES) ya está usando esa posición. Esto va a causar un comportamiento impredecible en el sidebar — básicamente, los dos tutoriales se van a las piñas por el mismo slot.

Hay que cambiar una de las dos posiciones. Sugerencia: como este tutorial se insertó después de "config-aws-waf" (posición 3) y antes de "make-rds-public", actualizá "make-rds-public" a posición 5 y dejá este en 4.

🔧 Solución propuesta: actualizar la posición de "make-rds-public"

Cambiar la posición del tutorial "make-rds-public" en ambos idiomas:

     {
       "id": "make-rds-public",
       "title": "Make RDS Database Public",
       "description": "Learn how to make an RDS database publicly accessible using a workaround method",
       "tags": [
         "rds",
         "database",
         "aws",
         "security",
         "networking",
         "vpc",
         "postgresql"
       ],
       "image": "/img/tutorials/make-rds-public/make-rds-public.png",
-      "sidebar_position": 4
+      "sidebar_position": 5
     },

Y lo mismo para la versión en español (línea 231).

Also applies to: 204-216

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/data/tutorials-generated.json` around lines 35 - 47, The two tutorials
"how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas" and "make-rds-public"
are both using sidebar_position 4, causing a conflict; update the
sidebar_position for the "make-rds-public" tutorial (id: "make-rds-public") to 5
in both the English and Spanish generated JSON files (the entries referenced
around lines 62/231) so that
"how-to-set-up-vpc-peering-between-aws-and-mongodb-atlas" can remain at 4 and
the sidebar ordering is unique and consistent.

@agustinoli
Copy link
Copy Markdown
Contributor Author

tantas imagenes dan confianza. Las hiciste todas a mano no? Esas fotitos en un futuro estaria piola que las haga Claude por is mismo como describo yo aca. La verdad no se porque no estan mas las fotos en esa PR (o yo no las veo pero esa que paso mati al chat la hizo Claude por si mismo)

No hice ninguna de estas imágenes, todo el articulo ya estaba en Notion.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants