- - {title} - -
- -{summary}
-
- {name}
+ {excerpt}
+
-
- - Hi, I'm{' '} - - {siteMeta.author} - -
-- I'm a frontend developer & web standards enthusiastic. -
-- - {siteMeta.title} - -
- )} - - -) - -export default Title diff --git a/examples/blog-starter/components/utils/published-at.js b/examples/blog-starter/components/utils/published-at.js deleted file mode 100644 index 7a2cbd752ef145f..000000000000000 --- a/examples/blog-starter/components/utils/published-at.js +++ /dev/null @@ -1,26 +0,0 @@ -import React from 'react' -import Link from 'next/link' -import { parse, format } from 'date-fns' - -function PublishedAt(props) { - const { link, date } = props - return ( - <> - - - - - - - - ) -} - -export default PublishedAt diff --git a/examples/blog-starter/lib/api.js b/examples/blog-starter/lib/api.js new file mode 100644 index 000000000000000..b438fdcb3850ca6 --- /dev/null +++ b/examples/blog-starter/lib/api.js @@ -0,0 +1,39 @@ +import fs from 'fs' +import { join } from 'path' +import matter from 'gray-matter' + +const postsDirectory = join(process.cwd(), '_posts') + +export function getPostSlugs() { + return fs.readdirSync(postsDirectory) +} + +export function getPostBySlug(slug, fields = []) { + const realSlug = slug.replace(/\.md$/, '') + const fullPath = join(postsDirectory, `${realSlug}.md`) + const fileContents = fs.readFileSync(fullPath, 'utf8') + const { data, content } = matter(fileContents) + + const items = {} + + // Ensure only the minimal needed data is exposed + fields.forEach(field => { + if (field === 'slug') { + items[field] = realSlug + } + if (field === 'content') { + items[field] = content + } + + if (data[field]) { + items[field] = data[field] + } + }) + + return items +} + +export function getAllPosts(fields = []) { + const slugs = getPostSlugs() + return slugs.map(slug => getPostBySlug(slug, fields)) +} diff --git a/examples/blog-starter/lib/constants.js b/examples/blog-starter/lib/constants.js new file mode 100644 index 000000000000000..617e9654193b454 --- /dev/null +++ b/examples/blog-starter/lib/constants.js @@ -0,0 +1,4 @@ +export const EXAMPLE_PATH = 'blog-starter' +export const CMS_NAME = 'Markdown' +export const HOME_OG_IMAGE_URL = + 'https://og-image.now.sh/Next.js%20Blog%20Starter%20Example.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.zeit.co%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fnextjs-black-logo.svg' diff --git a/examples/blog-starter/lib/markdownToHtml.js b/examples/blog-starter/lib/markdownToHtml.js new file mode 100644 index 000000000000000..e12b916d5d3a8ff --- /dev/null +++ b/examples/blog-starter/lib/markdownToHtml.js @@ -0,0 +1,9 @@ +import remark from 'remark' +import html from 'remark-html' + +export default async function markdownToHtml(markdown) { + const result = await remark() + .use(html) + .process(markdown) + return result.toString() +} diff --git a/examples/blog-starter/next.config.js b/examples/blog-starter/next.config.js deleted file mode 100644 index c6da41468905e25..000000000000000 --- a/examples/blog-starter/next.config.js +++ /dev/null @@ -1,39 +0,0 @@ -const withMDX = require('@zeit/next-mdx')({ - extension: /.mdx?$/, - options: { - hastPlugins: [require('mdx-prism')], - }, -}) - -module.exports = withMDX({ - target: 'serverless', - pageExtensions: ['js', 'jsx', 'mdx', 'md'], - webpack: (config, { defaultLoaders, isServer, dev }) => { - // Fixes npm packages that depend on `fs` module - config.node = { - fs: 'empty', - module: 'empty', - } - - config.module.rules.push({ - test: /\.svg$/, - use: [ - { - loader: '@svgr/webpack', - }, - ], - }) - - if (isServer && !dev) { - const originalEntry = config.entry - config.entry = async () => { - const entries = { ...(await originalEntry()) } - // This script imports components from the Next app, so it's transpiled to `.next/server/scripts/build-rss.js` - entries['./posts/rss-feed.js'] = './posts/rss-feed.js' - return entries - } - } - - return config - }, -}) diff --git a/examples/blog-starter/now.json b/examples/blog-starter/now.json deleted file mode 100644 index e2a1eb024cd292d..000000000000000 --- a/examples/blog-starter/now.json +++ /dev/null @@ -1,8 +0,0 @@ -{ - "name": "nextjs-blog-starter", - "alias": ["nextjs-blog-starter.now.sh"], - "routes": [ - { "src": "/feed.json", "dest": "/_next/static/feed.json" }, - { "src": "/blog/(?