mirror of
https://github.com/fergalmoran/supanextail.git
synced 2025-12-22 01:10:01 +00:00
a85e672f9f
- Improved the blog posts - Add a test to visit the blog index - Add Tailwind Typography for the markdown blog posts
45 lines
1.5 KiB
Plaintext
45 lines
1.5 KiB
Plaintext
---
|
||
title: Blog Post Example
|
||
description: A very small example of a blog post with a title and a description.
|
||
excerpt: Want to easily integrate a blog into your SaaS? Nothing could be simpler, with SupaNexTail, everything is already configured, you just have to write!
|
||
date: '2022-01-17'
|
||
coverImage: '/blog/covers/writeblog.png'
|
||
author:
|
||
name: 'Michael B'
|
||
picture: '/blog/author/Avatar1.svg'
|
||
ogImage:
|
||
url: '/blog/covers/writeblog.png'
|
||
---
|
||
|
||
import Button from '../components/ButtonMdx';
|
||
|
||
## A MDX Blog
|
||
|
||
This is a small example of a blog post.
|
||
Can you make it bigger?
|
||
I'm sure you can!
|
||
|
||
In this article, you can see a small button at the bottom. It's a React component!
|
||
This is possible thanks to the support of the .mdx format. Want to know more?
|
||
You can go [on this site](https://mdxjs.com/).
|
||
|
||
## Tailwind Typography
|
||
|
||
The blog posts are formatted with the Tailwind Typography plugin.
|
||
Here is the description from the official documentation:
|
||
|
||
_The official Tailwind CSS Typography plugin provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don’t control, like HTML rendered from Markdown, or pulled from a CMS._
|
||
|
||
If you want to customize the typography,
|
||
you can change the classes in the post-body.tsx file.
|
||
To know more about Tailwind Typography,
|
||
you can [check the documentation](https://tailwindcss.com/docs/typography-plugin).
|
||
|
||
## And this is a MDX example
|
||
|
||
This button is a React component inside a MDX file. Crazy, right?
|
||
|
||
<Button>Click me</Button>
|
||
|
||
|