Test Blog

Annisa NadiaAug 18, 2021 · 5 min read · ___ views

This is H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat erat, porttitor id rutrum eu, viverra eget mi. Aenean ut auctor ipsum, in feugiat ipsum. Etiam ultrices non lacus a commodo. Vivamus tempus id nisi vel bibendum. Aenean tristique consequat dui. Maecenas ut dui sit amet enim accumsan fermentum in id velit.

Vivamus vel quam erat. Quisque libero erat, pretium nec orci ut, consequat consectetur neque. Vivamus non eros eu lacus sodales volutpat. Aenean scelerisque ipsum congue ante vestibulum, at aliquet massa rhoncus. Etiam eleifend pretium augue sed molestie.

Phasellus vulputate turpis ac elit mattis, vitae gravida tortor commodo. Donec ut vehicula nunc. Donec tempus odio vulputate, blandit tellus et, posuere magna. Mauris ac efficitur eros. Curabitur sollicitudin posuere purus in commodo. Integer at scelerisque quam. Aenean tempus, urna in pharetra pretium, lorem metus pharetra augue, in fermentum odio nisl et libero.

Etiam placerat scelerisque turpis. Nam sollicitudin massa id urna volutpat dictum. Curabitur luctus tristique nulla, quis venenatis neque molestie eget. Etiam volutpat risus ipsum, eget maximus ligula ullamcorper sed. Proin This is a code lacinia sapien nec pharetra commodo.

.token.italic {
  font-style: italic;
}

.token.entity {
  @apply cursor-help;
}

pre::-webkit-scrollbar {
  @apply hidden;
}

pre {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

import Head from 'next/head';
import { getAllBlogsData } from '../../helpers/mdx';

import Layout from '../../components/layouts/Layout';
import Container from '../../components/ui/Container';
import BlogList from '../../components/blogs/BlogList';

export default function AllBlogsPage({ blogs }) {
  return (
    <>
      <Head>
        <meta
          name="description"
          content="Thoughts on frontend development, web development, software engineering, life, and more."
        />
        <title>Blog | Annisa Nadia</title>
      </Head>

      <section className="text-main py-8 sm:py-12 w-full">
        <Container>
          <h1 className="text-2xl md:text-3xl inline-block border-b border-gray-300 dark:border-gray-600 mb-7">
            Blog
          </h1>
          <BlogList blogs={blogs} />
        </Container>
      </section>
    </>
  );
}

AllBlogsPage.getLayout = (page) => <Layout>{page}</Layout>;

export const getStaticProps = async () => {
  const blogs = getAllBlogsData();

  return {
    props: {
      blogs,
    },
  };
};

Nulla facilisi. Cras rhoncus eros ac leo venenatis fermentum. Proin id lectus hendrerit, tempor est eu, cursus nibh. Pellentesque tincidunt mauris sed eleifend consectetur. Vivamus vitae mi ut velit tristique interdum. Nullam fringilla sapien nibh, ut posuere neque aliquam ac. Aenean interdum elit id augue blandit, ac dictum lorem cursus.

This is H3

Click this link

This is an internal link

Vivamus tempus id nisi vel bibendum. Aenean tristique consequat dui. Maecenas ut dui sit amet enim accumsan fermentum in id velit.

This is H3

This is H4

This is BOLD.
This is ITALIC.
This is BOLD-ITALIC.

This is H5

This is a quote.

One
Two
Three
- Three A
- Three B
Four

This is H6

One
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat erat, porttitor id rutrum eu, viverra eget mi. Aenean ut auctor ipsum, in feugiat ipsum. Etiam ultrices non lacus a commodo. Vivamus tempus id nisi vel bibendum. Aenean tristique consequat dui. Maecenas ut dui sit amet enim accumsan fermentum in id velit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat erat, porttitor id rutrum eu, viverra eget mi. Aenean ut auctor ipsum, in feugiat ipsum. Etiam ultrices non lacus a commodo. Vivamus tempus id nisi vel bibendum. Aenean tristique consequat dui. Maecenas ut dui sit amet enim accumsan fermentum in id velit.
Four

Edit on GitHub