2.0.5 • Published 2 years ago
@stefanprobst/next-page-metadata v2.0.5
next-page-metadata
Next.js component for adding metadata to pages for search engine optimization.
How to use
Add <title>
and <meta>
tags
import { Fragment } from 'react'
import { PageMetadata } from '@stefanprobst/next-page-metadata'
import type { PageMetadataProps } from '@stefanprobst/next-page-metadata'
export default function Page() {
const metadata: PageMetadataProps = {
title: 'Hello world',
}
return (
<Fragment>
<PageMetadata {...metadata} />
<h1>Hello World</h1>
</Fragment>
)
}
Add Schema.org JSON-LD metadata
import { Fragment } from 'react'
import { createSchemaOrg, SchemaOrg } from '@stefanprobst/next-page-metadata'
export default function Page() {
const author = createSchemaOrg({
'@type': 'Person',
name: 'Stefan'
})
const article = createSchemaOrg({
'@type': 'Article',
headline: 'Hello World',
author,
})
return (
<Fragment>
<SchemaOrg schema={article}>
<h1>Hello World</h1>
</Fragment>
)
}
When using createSchemaOrg
to create schema objects, provide the @type
key to narrow the
discriminated union for better intellisense. See
schema-dts for details.
2.0.5-legacy
2 years ago
2.0.3
2 years ago
2.0.5
2 years ago
2.0.4
2 years ago
2.0.5-compat
2 years ago
2.0.2
2 years ago
2.0.0
3 years ago
1.1.0
3 years ago
1.0.10
3 years ago
1.0.9
3 years ago
1.0.8
3 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago