README.md

MITRE SAF© Site

MITRE Security Automation Framework Website

Overview

The MITRE Security Automation Framework© (SAF) brings together open-source, accessible applications, techniques, libraries, and tools developed by MITRE and the security community to streamline security automation for systems and DevOps pipelines.

This repository contains the frontend source code for the upcoming new https://saf.mitre.org website.

Getting Started

Frontend Development

1. Fork repository and clone it locally
2. Install project dependencies: yarn install
3. Install playwright dependencies with npx playwright install
4. Copy .env-sample into .env and replace CHANGEME values as appropriate
5. For developing use: yarn dev
6. For production use: yarn build and yarn preview

Backend Development

• Backend is handled in the saf-site backend repository

Technology Stack

• Nuxt 3
• Vue 3
• Tailwind CSS v3
• Lucide
• Vite
• Headless UI - unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS
• prettier-plugin-tailwindcss - Automatic Class Sorting with Prettier

First-party plugins needed for Tailwind UI:

• tailwindcss/forms
• tailwindcss/typography
• tailwindcss/line-clamp
• tailwindcss/aspect-ratio

Contributing, Issues and Support

Contributing

Please feel free to look through our issues, make a fork and submit PRs and improvements. We love hearing from our end-users and the community and will be happy to engage with you on suggestions, updates, fixes or new capabilities.

Issues and Support

Please feel free to contact us by opening an issue on the issue board, or, at [email protected] should you have any suggestions, questions or issues.