Logo

Questo è un test.

Ascoltami, non mi aprire e non mi leggere.
CN

Matteo Giardino

Jun 2, 2023

test
example
Questo è un test.

Se c'è una cosa che non sopporto è quando qualcuno mi ruba del tempo inutilmente.

In questo momento, se stai leggendo questo testo, stai rubando del tempo a te stesso.

Perché questo testo non ha alcun senso, non ha alcun significato, non ha alcun valore. Non è un testo che ti insegna qualcosa, non è un testo che ti fa riflettere, non è un testo che ti fa ridere.

Io ti avevo avvertito, non mi aprire e non mi leggere.

Questo è un h1

Questo è un h2

Questo è un h3

Questo è un paragrafo.

Questo è un paragrafo con un link: devv

Questo è del testo in grassetto: Devv

Questo è del testo in corsivo: Devv

Questo è del testo barrato: Devv

Questo è del testo sottolineato: Devv

Questo è del testo con tasti:

Questo è un elenco puntato:

  • Devv - The best website
  • Wezard - The best software house

Questo è un elenco numerato:

  1. Elemento numero 1
  2. Elemento numero 2
  3. Elemento numero 3

Questa è una gif:

Demo
Demo

Questa è una immagine:

Download CMWTAT Digital
Download CMWTAT Digital

Tabella

Questa è una tabella:

ExampleDescriptionRules
$valueLowercase
$ValueUppercase
$_valueUnderscore
$1valueStart from number

Codice

Inline code has back-ticks around it.

Inline code with link.

Inline console.log("hello world") highlighted code

Questo è del codice inline: console.log('Hello world!')

Questi sono snippet di codice:

Terminal
yarn create next-app nextjs-mdx-blog
JavaScript
lib/mdx.js
import path from 'path'

const POSTS_PATH = path.join(root, 'data', 'blog')
// Output: A:\nextjs-mdx-blog\data\blog
React
pages/index.js
import Link from 'next/link'

import { formatDate } from '../lib/formatDate'
import { getAllPosts } from '../lib/mdx'

export default function Home({ posts }) {
    return (
        <>
            <h1 className='mb-8 text-6xl font-bold'>Blog</h1>
            <hr className='my-8' />
            <ul className='flex flex-col gap-3'>
                {posts.map(({ slug, title, summary, date }) => (
                    <li key={slug}>
                        <Link href={`/blog/${slug}`}>
                            <a className='block rounded-lg border border-solid border-gray-300 p-6 shadow-md'>
                                <div className='flex justify-between'>
                                    <h2>{title}</h2>
                                    <time dateTime={date}>{formatDate(date)}</time>
                                </div>
                                <p className='mt-4'>{summary}</p>
                            </a>
                        </Link>
                    </li>
                ))}
            </ul>
        </>
    )
}

// Use getStaticProps to get all articles
export const getStaticProps = async () => {
    const posts = getAllPosts()

    return {
        props: {
            posts,
        },
    }
}

Questo è un blocco di testo:

ZF3R0-FHED2-M80TY-8QYAC-NPKYF
YF390-0HF8P-M81RQ-2DXQE-M2UT6
ZF71R-DMX85-08DQY-8YMNC-PPHV8

Altri componenti

Questo è un Item:

Questa è una directory:

components
Layout.js
data
blog
markdown.mdx
nextjs.mdx
react.mdx
lib
formatDate.js
mdx.js
pages
blog
[slug].js

Questo è un blocco di info:

Questo è un blocco di avviso:

CN
Matteo Giardino
Devv 30 logo

Devv 30
novità 🎉

diventa un programmatore in soli 30 giorni, accetti la sfida?