Welcome to my digital space! This website 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

First item
Second item
Third item with nested list:
- Nested item 1
- Nested item 2

Ordered List

First item
Second item
Third item

Tables

Name	Role	Status
Fadli Habibi	Technical Support	Active
Jennifer Connelly	Actress	Away
Carolina Herrera	Designer	Offline

Code

Inline code looks like const x = 10; within a sentence.

function greet(name) {
  return "Hello, " + name + "!";
}

console.log(greet("World"));

Other Elements

Images

Image Placeholder (800x450)

Figure 1: An example image with a caption.

Details & Summary

Click to expand me

Here is some hidden content that is revealed when you click the summary. It's useful for FAQs or hiding complex details.

Definition List

HTML: HyperText Markup Language, the standard markup language for documents designed to be displayed in a web browser.
CSS: Cascading Style Sheets, a style sheet language used for describing the presentation of a document written in a markup language.

Keyboard Input

To save the file, press Ctrl + S.

Task List

Completed task
Pending task

Hello world!