urlscan.io logo urlscan.io
SecurityTrails logo

arizky.pages.dev Open in urlscan Pro
188.114.96.3  Public Scan

Back to summary
URL: https://arizky.pages.dev/blog/post-1/
Submission Tags: @ecarlesi possiblethreat phishing facebook Search All
Submission: On August 20 via api from IT — Scanned from NL

Form analysis 2 forms found in the DOM

/search

<form action="/search">
  <search> <input id="search-query" name="q" placeholder="Search Keywords" type="search"> <button>Search</button> </search>
</form>

#subscribe-action

<form action="#subscribe-action" id="subscribe">
  <fieldset><label for="subscribe-email">Subscribe to our Newsletter</label><input id="subscribe-email" name="email" type="email" placeholder="name@mail.com" required=""><button type="submit">Subscribe</button></fieldset>
</form>

Text Content

 * Home
 * Blog
 * Search

Search


BREADCRUMBS

 1. Home >
 2. Blog >
 3. Using MDX


USING MDX

MDX, the special flavor of Markdown that supports embedded JavaScript & JSX
syntax.

posted in: MDX

Thursday, 27 June 2024 • 1 minute read

This theme comes with the @astrojs/mdx integration installed and configured in
your astro.config.mjs config file. If you prefer not to use MDX, you can disable
support by removing the integration from your config file.


WHY MDX?

MDX is a special flavor of Markdown that supports embedded JavaScript & JSX
syntax. This unlocks the ability to mix JavaScript and UI Components into your
Markdown content for things like interactive charts or alerts.

If you have existing content authored in MDX, this integration will hopefully
make migrating to Astro a breeze.

html Copy

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

A HTML Boilerplate


EXAMPLE

Here is how you import and use a UI component inside of MDX.
When you open this page in the browser, you should see the clickable button
below.


MORE LINKS

 * MDX Syntax Documentation
 * Astro Usage Documentation
 * Note: Client Directives are still required to create interactive components.
   Otherwise, all components in your MDX will render as static HTML (no
   JavaScript) by default.

 * #astro
 * #mdx
 * #guide

Facebook X WhatsApp Pinterest Reddit Email Permalink


SHARE THIS PAGE ON:

 * 
 * 
 * 
 * 
 * 
 * 
 * 


OTHER POSTS

 * Previous Post Markdown Style Guide

Subscribe to our NewsletterSubscribe

© 2024 Arizky

Built with Astro v4.14.2
updated: 20 Aug 2024, 07:30:42 BST

RSS | Sitemap