blog

This repository is my blog site made from Next.js and microCMS. And application is hosting from Vercel.

So, I mean I operate serverless basically.

At first, please access the フナイログ.

Technical staffs (JamStack)

• Next.js (React framework)
• Vercel (PaaS)
• microCMS (Headless CMS)
• Mantine (React components library)
• Tailwind CSS (CSS framework)

Development

Preparation

git clone https://github.com/paveg/blog
cd blog

npm install -g yarn
yarn install

Environment

cp .env.sample .env
# please, fill in `.env`

Run server

yarn run dev
# or
npx vercel dev

Markdown

This mdx blog is supported as follows notation:

H1

H2

H3

H4

H5

H6

Bold text

Italic text

Bold and italic text

Strike text

Some Link

import React, { FC } from 'react';

type Props = {
  name: 'sample';
};

const SampleComponent: FC<Props> = ({ name }: Props) => {
  return (
    <>
      <title>{name}</title>
    </>
  );
};

:::notice{.success} Success message :::

:::notice{.warning title='abc'} Warning message :::

:::notice{.error} Error message :::

YouTube iframe

:::youtube[Four by four.]{#id} :::

GoogleMap iframe

:::googlemap{.googlemap src='url'} :::

details information

:::details{summary='description'} Note :::

{本気}^(マジ)、{有難}^(アザ)っス…

Lighthouse CI

License

Copyright © 2022 Ryota Ikezawa (@paveg)

The source code is licensed MIT.