+
+
+
+ )
+}
+
+/**
+ * Generic Tiles component for displaying a grid of tile items
+ *
+ * @param {string} title - The heading title for the tiles section
+ * @param {string} [id] - Optional id for the heading anchor
+ * @param {Array<{href: string, name: string, description: string}>} items - Array of tile items
+ * @param {string} [buttonText='Read more'] - Optional button text (defaults to "Read more")
+ */
+export function Tiles({ title, id, items, buttonText = 'Read more' }) {
+ return (
+
+
+
+
+ {title}
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/YouTube.jsx b/src/components/YouTube.jsx
new file mode 100644
index 00000000..d0ba333c
--- /dev/null
+++ b/src/components/YouTube.jsx
@@ -0,0 +1,123 @@
+import clsx from 'clsx'
+
+/**
+ * Extracts YouTube video ID from various YouTube URL formats
+ */
+function extractYouTubeId(url) {
+ if (!url) return null
+
+ // If it's already just an ID, return it
+ if (!url.includes('youtube.com') && !url.includes('youtu.be') && !url.includes('/')) {
+ return url
+ }
+
+ // Handle youtu.be short links
+ if (url.includes('youtu.be/')) {
+ const match = url.match(/youtu\.be\/([a-zA-Z0-9_-]+)/)
+ return match ? match[1] : null
+ }
+
+ // Handle youtube.com/watch?v=...
+ if (url.includes('youtube.com/watch')) {
+ const match = url.match(/[?&]v=([a-zA-Z0-9_-]+)/)
+ return match ? match[1] : null
+ }
+
+ // Handle youtube.com/embed/...
+ if (url.includes('youtube.com/embed/')) {
+ const match = url.match(/embed\/([a-zA-Z0-9_-]+)/)
+ return match ? match[1] : null
+ }
+
+ return null
+}
+
+/**
+ * YouTube video embed component
+ *
+ * Usage:
+ *
+ {items.map((item) => {
+ let mouseX = useMotionValue(0)
+ let mouseY = useMotionValue(0)
+
+ function onMouseMove({ currentTarget, clientX, clientY }) {
+ let { left, top } = currentTarget.getBoundingClientRect()
+ mouseX.set(clientX - left)
+ mouseY.set(clientY - top)
+ }
+
+ return (
+
+
+
+ )
+ })}
+
+
+ + + + {item.name} + +
++ {item.description} +
+
+
+
+ )
+}
diff --git a/src/components/mdx.jsx b/src/components/mdx.jsx
index 44a65c0d..3728c9ba 100644
--- a/src/components/mdx.jsx
+++ b/src/components/mdx.jsx
@@ -2,11 +2,13 @@ import Link from 'next/link'
import clsx from 'clsx'
import { Heading } from '@/components/Heading'
+import { YouTube } from '@/components/YouTube'
export const a = Link
export { Button } from '@/components/Button'
export { CodeGroup, Code as code, Pre as pre } from '@/components/Code'
export { Badge } from '@/components/Badge'
+export { YouTube }
export const h2 = function H2(props) {
return
@@ -51,6 +90,28 @@ export function Note({ children }) {
)
}
+export function Warning({ children }) {
+ return (
+
TLDR: Devices marked as "Non-compliant" in Intune will automatically lose access, ensuring strict adherence to your security policies.
diff --git a/src/pages/manage/access-control/endpoint-detection-and-response/sentinelone-edr.mdx b/src/pages/manage/access-control/endpoint-detection-and-response/sentinelone-edr.mdx
index 4c258d59..c7c66141 100644
--- a/src/pages/manage/access-control/endpoint-detection-and-response/sentinelone-edr.mdx
+++ b/src/pages/manage/access-control/endpoint-detection-and-response/sentinelone-edr.mdx
@@ -10,9 +10,7 @@ The integration of NetBird with SentinelOne provides organizations with robust s
only IT-managed devices running SentinelOne to access the network. Additionally, the integration uses SentinelOne's threat
detection capabilities, enabling administrators to further limit network access based on the security posture of each device.
-
For a visual overview of your access policies and network topology, check out the [Control Center](/manage/control-center), which provides an interactive graph view of peers, groups, and their access relationships.
diff --git a/src/pages/manage/access-control/posture-checks/index.mdx b/src/pages/manage/access-control/posture-checks/index.mdx
index f119d822..9612ea8e 100644
--- a/src/pages/manage/access-control/posture-checks/index.mdx
+++ b/src/pages/manage/access-control/posture-checks/index.mdx
@@ -10,9 +10,7 @@ By using these diverse checking capabilities, NetBird empowers you to create a r
## Setting Up Posture Checks
Setting up posture checks in NetBird is straightforward, you can follow the example in the video below:
-
diff --git a/src/pages/manage/peers/add-machines-to-your-network.mdx b/src/pages/manage/peers/add-machines-to-your-network.mdx index c404b2a2..b61735b3 100644 --- a/src/pages/manage/peers/add-machines-to-your-network.mdx +++ b/src/pages/manage/peers/add-machines-to-your-network.mdx @@ -10,7 +10,7 @@ an Android or iOS device, a personal laptop, a single-board computer like Raspbe ## Related Video Content For details on adding machines to your network, part of our "Getting started with NetBird" video covers this topic: - +
+
+ )
+}
+
+export function Success({ children }) {
+ return (
+
+ {children}
+
+
+
+ )
+}
+
export function Row({ children }) {
return (
+ {children}
+
+
diff --git a/src/pages/_document.jsx b/src/pages/_document.jsx
index 25d8d20a..9eec0d4a 100644
--- a/src/pages/_document.jsx
+++ b/src/pages/_document.jsx
@@ -44,7 +44,7 @@ export default function Document() {
-
+
The NetBird package is officially included starting from OPNsense `25.7.3`.
diff --git a/src/pages/get-started/install/pfsense.mdx b/src/pages/get-started/install/pfsense.mdx
index 34ecb4cc..01d46ca5 100644
--- a/src/pages/get-started/install/pfsense.mdx
+++ b/src/pages/get-started/install/pfsense.mdx
@@ -7,9 +7,7 @@ there are both managed and [self-hosted](https://docs.netbird.io/selfhosted/self
This installation is intended for early adopters while the pfSense package is under review and not yet available in the pfSense package manager.
-
-
-
-
+
-
-
+
-
-
+
-
-
+
-
-
+
-
-
+
-
-
+
-
-
+
-
-
+
-
-
+
-
-
+
-
-
+diff --git a/src/pages/manage/peers/add-machines-to-your-network.mdx b/src/pages/manage/peers/add-machines-to-your-network.mdx index c404b2a2..b61735b3 100644 --- a/src/pages/manage/peers/add-machines-to-your-network.mdx +++ b/src/pages/manage/peers/add-machines-to-your-network.mdx @@ -10,7 +10,7 @@ an Android or iOS device, a personal laptop, a single-board computer like Raspbe ## Related Video Content For details on adding machines to your network, part of our "Getting started with NetBird" video covers this topic: - +
-
-
+