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)
git clone https://github.com/paveg/blog
cd blog
npm install -g yarn
yarn install
cp .env.sample .env
# please, fill in `.env`
yarn run dev
# or
npx vercel dev
This mdx blog is supported as follows notation:
Bold text
Italic text
Bold and italic text
Strike text
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 :::
{本気}^(マジ)、{有難}^(アザ)っス…
Copyright © 2022 Ryota Ikezawa (@paveg)
The source code is licensed MIT.