Hello, blog

Code

Inline let x = 1

import Image from 'next/image'
import avatar from '../../public/images/avatar.jpg'
 
export default function Avatar() {
  return (
    <div className="avatar-container">
      <Image src={avatar} alt="avatar" />
      <style jsx>{`
        .avatar-container {
          width: 100px;
          height: 100px;
          border-radius: 50%;
          overflow: hidden;
          margin-right: 20px;
        }
      `}</style>
    </div>
  )
}

h2 Heading

h3 Heading

h4 Heading

h5 Heading

h6 Heading

Emphasis

This is bold text

This is italic text

Strikethrough

Blockquotes

Develop. Preview. Ship. – Vercel

Lists

Unordered

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Integer molestie lorem at massa

Ordered

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa

Task

• Write the press release
• Update the website
• Contact the media

Tables

Links

• Next.js (opens in a new tab)
• Nextra (opens in a new tab)
• Vercel (opens in a new tab)