Welcome to borrow-ui demo!
You can read the subtitle here, made with Text component
This is a demo site made with @borrow-ui/ui
---
title: Code Example
---
Hello! Welcome to my first blog post, created with mdx and borrow-ui.
This is how you start the development server for this website:
<div className="flex-center-center">
<Terminal
className="m-b-20 w-400 m-r-20 m-l-20"
title="Next.js website"
code="yarn dev"
language="bash"
/>
</div>
import path from 'path';
import React from 'react';
import Head from 'next/head';
import { MDXRemote } from 'next-mdx-remote';
import { MDXProvider } from '@mdx-js/react';
import * as uiLibrary from '@borrow-ui/ui';
import { Terminal } from '../../components/common/Terminal';
import {
generateGetStaticPaths,
generateGetStaticProps
} from '../../core/mdx/mdx';
import { providerComponents } from '../../core/mdx/providerComponents';
const SOURCE_PATH = path.join(process.cwd(), 'content/blog');
// Extends components available in the mdx
const mdxComponents = { ...uiLibrary, Terminal };
const { Title } = uiLibrary; // use components here as well
const Content = ({ code, metadata }) => {
return <>
<Head>
<title>Blog</title>
<meta property="og:title" content="Blog" key="title" />
</Head>
<MDXProvider components={providerComponents}>
<Title className="color-primary">{metadata.title}</Title>
<MDXRemote {...code} components={mdxComponents} />
</MDXProvider>
</>
};
export const getStaticProps = generateGetStaticProps(SOURCE_PATH);
export const getStaticPaths = generateGetStaticPaths(SOURCE_PATH);
export default Content;
cd packages/website-next;
yarn dev
cd packages/website-next;
yarn build