Welcome to abc.web.id! This blog is built with Next.js, a powerful React framework that enables static site generation and server-side rendering.

This post serves as a demonstration of the markdown rendering capabilities of this site.

Typography

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text Formatting

You can make text bold, italic, or bold and italic. You can also use ~~strikethrough~~ text.

This is a blockquote. It's great for highlighting important information or quoting sources.

It can span multiple paragraphs.

Lists

Unordered List

Item 1
Item 2
- Sub-item A
- Sub-item B
Item 3

Ordered List

First step
Second step
1. Sub-step I
2. Sub-step II
Third step

Code

Inline code looks like this: const greeting = "Hello World";.

Code blocks with syntax highlighting:

function sayHello(name) {
  console.log(`Hello, ${name}!`);
}

sayHello('Visitor');

def fibonacci(n):
    if n <= 1:
        return n
    else:
        return fibonacci(n-1) + fibonacci(n-2)

Media

Images

Here is an example image (centered and clickable):

Links

Visit abc.web.id to go back home.

Tables

We support GitHub Flavored Markdown tables:

Feature	Status	Notes
Markdown	✅	Fully supported
Tables	✅	Responsive
Images	✅	With lightbox
Syntax Highlighting	✅	Via Prism/etc

Hello world!