Skip to content

Add security learning center card and API design-first security guide#78

Closed
themattwilliams wants to merge 20 commits intomainfrom
mw-article-api-design-first-security
Closed

Add security learning center card and API design-first security guide#78
themattwilliams wants to merge 20 commits intomainfrom
mw-article-api-design-first-security

Conversation

@themattwilliams
Copy link
Contributor

  • Created new Security learning center card in cards.ts
  • Added learn/security/ directory with proper structure
  • Added comprehensive API design-first security guide article covering TLS, input validation, rate limiting, and access control
  • Fixed TOC navigation by removing bold formatting from headings
  • Removed confusing Mermaid diagrams
  • Added proper anchor links for deep navigation
  • Updated sidebars.yaml and created security index page

What/Why/How?

What: Added a new Security learning center card and comprehensive API design-first security guide article.

Why: To provide developers with practical guidance on implementing security from the design phase using OpenAPI specifications and Redocly governance tools. This fills a gap in our learning center by offering actionable security best practices rather than just theoretical concepts( the other related security articles are in draft in the redocly-content repo in the api-security folder of the articles folder).

How:

  • Activated the existing commented Security card template in cards.ts
  • Created complete /learn/security/ directory structure with proper navigation
  • Authored comprehensive guide covering 4 key security areas: TLS encryption, input validation, rate limiting, and access control
  • Integrated real-world examples, attack scenarios (Heartbleed, Equifax, Facebook), and governance automation
  • Ensured proper TOC navigation and deep-linking capabilities

Reference

  • Original article source: /redocly-content/content/articles/api-security/api-design-first-security-guide.md
  • OWASP API Security Top 10 principles
  • OpenAPI 3.1 security specifications
  • Redocly governance and linting capabilities

Testing

  • Verified Security card appears in learning center at /learning-center
  • Confirmed Security card links to /learn/security properly
  • Validated article renders correctly at /learn/security/api-design-first-security-guide
  • Tested TOC navigation in right sidebar works for all sections
  • Verified deep-link anchors function (e.g., #tls-encryption, #input-validation)
  • Confirmed all Mermaid diagrams render without "[object Object]" errors
  • Checked responsive layout on mobile/desktop

Check yourself

  • Code is linted (all markdown linting rules pass)
  • Tested (it is an article, so it tests when rendering)
  • All new/updated code is covered with tests (N/A - content/documentation changes)

Security

  • Security impact of change has been considered (this change improves security education)
  • Code follows company security practices and guidelines (standard markdown/content structure)

- Created new Security learning center card in cards.ts
- Added learn/security/ directory with proper structure
- Added comprehensive API design-first security guide article covering TLS, input validation, rate limiting, and access control
- Fixed TOC navigation by removing bold formatting from headings
- Removed confusing Mermaid diagrams per feedback
- Added proper anchor links for deep navigation
- Updated sidebars.yaml and created security index page
@themattwilliams
Copy link
Contributor Author

@adamaltman comments have been addressed.

@themattwilliams
Copy link
Contributor Author

@adamaltman round 2 updates implemented.

themattwilliams and others added 6 commits September 2, 2025 13:38
…ization

- Split original api-design-first-security-guide.md into 6 focused articles
- Remove Redocly branding to create vendor-neutral security content
- Add 3 strategic Mermaid diagrams (#4, #5, #7) for visual learning

New Articles Created:
• learn/security/index.md - Main landing page with article overview
• api-tls-encryption-https-best-practices.md - TLS 1.3, HTTPS, mTLS guide
• api-input-validation-injection-prevention.md - Schema validation, SQL injection prevention
• api-rate-limiting-abuse-prevention.md - DoS protection, rate limiting algorithms
• authentication-authorization-openapi.md - JWT, OAuth2, security schemes
• api-design-first-security-governance.md - Automated governance, policy-as-code

Navigation & UX Improvements:
• Updated learn/security/sidebars.yaml with organized article structure
• Enhanced pages/learning-center/cards.ts with all 6 security articles
• Added strategic cross-links between related security topics
• Implemented target='_blank' links to preserve user navigation context
• Fixed URLs to use clean paths without .md extensions

Content Quality:
• Each article SEO-optimized with focused keywords and standalone value
• Comprehensive cross-referencing between security domains
• Real-world case studies: Heartbleed, Equifax, Facebook phone scraping
• Practical code examples and governance rule implementations
• Progressive learning path from infrastructure to organizational maturity
- Add originals/redocly.yaml: Clean production version without chunk annotations
- Add originals/security-functions.ts: TypeScript implementation of custom security validation functions
- Includes 4 advanced security validation functions: checkOperationSecurity, validateAdminSecurity, validateOAuthScopes, validateRateLimitConsistency
Matt Williams added 5 commits September 25, 2025 11:16
- Remove original files from _filesets (moved to originals/ folder)
- Update automated-security-validation-walkthrough.md
- Add new walkthrough versions: automated-security-validation-walkthrough-v2.md and test-simple-walkthrough.md
- Update learning center cards and root redocly.yaml configuration
- Convert SQL injection examples from Python to JavaScript with Express.js
- Convert rate limiting algorithms from Python/Go to JavaScript (Token Bucket, Sliding Window, Fixed Window)
- Convert authorization monitoring from Python to JavaScript with Express middleware
- Convert validation metrics from Python to JavaScript with Map/Set data structures
- Convert rate limit testing framework from Python asyncio/aiohttp to JavaScript fetch/Promise.all
- Update all tab labels and code block titles to reflect JavaScript
- Maintain all security highlighting and educational explanations
- Provide consistent Node.js developer experience across all security articles
- Changed 'pages:' to 'items:' in sidebars.yaml to match Redocly syntax
- All security articles now display correctly in left navigation menu
- Fixed sidebar configuration for API Security Fundamentals group
- Delete api-design-first-security-guide.md (replaced by focused individual articles)
- Remove from sidebars.yaml navigation
- Update main landing page title to 'Framework and Fundamentals' instead of 'Complete Guide'
- Cleaner navigation with 5 focused security articles + landing page + walkthrough
- Delete automated-security-validation-walkthrough.md (temporarily removed)
- Update sidebars.yaml to remove walkthrough from navigation
- Final security learning center now has 5 focused articles + landing page
@themattwilliams themattwilliams deleted the mw-article-api-design-first-security branch September 30, 2025 16:56
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