@limeyfy/next-seo

Next Better SEO

Maintaining good seo in next is not easy in itself. You can always use head to help you but understanding all the meta tags and so on can be hard. Therefore I made a npm package to help with easily maintaining good seo.

Getting started

npm i --save @limeyfy/next-seo
// or
yarn add @limeyfy/next-seo

Example

import '../common/styles/globals.scss'
import type { AppProps } from 'next/app'
import { BetterHead } from '@limeyfy/next-seo'

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <BetterHead 
        title='Title'
        subTitle='Limeyfy'
      />
      <Component {...pageProps} />
    </>
  )
}

export default MyApp

Test SEO

import '../common/styles/globals.scss'
import type { AppProps } from 'next/app'
import { BetterHead, useSeo } from '@limeyfy/next-seo'

function MyApp({ Component, pageProps }: AppProps) {

  const { result } = useSeo();

  console.log(result())

  return (
    <>
      <BetterHead 
        title='Title'
        subTitle='Limeyfy'
      />
      <Component {...pageProps} />
    </>
  )
}

export default MyApp

Another example

import '../common/styles/globals.scss'
import type { AppProps } from 'next/app'
import { BetterHead } from '@limeyfy/next-seo'

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <BetterHead 
        title='Title'
        subTitle='Limeyfy'
      >
        <meta name='og:country-name' content='NORWAY' />
      </BetterHead>
      <Component {...pageProps} />
    </>
  )
}

export default MyApp

Params

• title?: string;
• subTitle?: string;
• title?: string;
• subTitle?: string;
• titleDivider?: string;
• keywords?: string;
• themeColor?: string;
• description?: string;
• subject?: string;
• copyright?: string;
• language?: string;
• robots?: string;
• revised?: string;
• topic?: string;
• summary?: string;
• Classification?: string;
• author?: string;
• replyTo?: string;
• owner?: string;
• url?: string;
• identifierURL?: string;
• image?: string;
• favIcon?: string;
• children?: React.ReactNode;