{"_id":"@daveyplate/next-page-title","_rev":"6-e89eaeb7acc4f2fe17da60af49479d7d","name":"@daveyplate/next-page-title","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@daveyplate/next-page-title","version":"1.0.0","keywords":["next","next.js","title","document","page"],"author":{"name":"LeakedDave"},"license":"ISC","_id":"@daveyplate/next-page-title@1.0.0","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/next-page-title","dist":{"shasum":"3d7824a9633d888e0a125272f0de8e885f82f604","tarball":"https://registry.npmjs.org/@daveyplate/next-page-title/-/next-page-title-1.0.0.tgz","fileCount":8,"integrity":"sha512-Z7c1pMsUjNgo1xg8X9XMGkTlxTVy4Rt0ovzxb9QzOEr/PWYnsL+NArvPCM/5eC0EyDAhI3RRKfsUrSoDeQlu8A==","signatures":[{"sig":"MEUCIQDjq20FSJJZdf/GyrxRZm7BZvs2tnBIT8l4gJsGgJOiRAIgSlvg7HXdanBnYqWQe5CMMk11Su5hU5/TUkLMaJsRhPA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14750},"types":"dist/index","module":"dist/index","gitHead":"d67cf1478d239113e123782ad801d466f208d8f4","scripts":{"build":"babel src --out-dir dist && npx tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"_npmVersion":"10.5.0","description":"Automatically set the page title in Next.js based on the current route, or override it with a custom title.","directories":{},"_nodeVersion":"20.12.0","_hasShrinkwrap":false,"devDependencies":{"@babel/cli":"^7.25.7","typescript":"^5.6.2","@babel/core":"^7.25.7","@babel/preset-env":"^7.25.7","@babel/preset-react":"^7.25.7"},"peerDependencies":{"next":">=14.0.0","react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/next-page-title_1.0.0_1729995937201_0.11751968694563542","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@daveyplate/next-page-title","version":"1.0.1","keywords":["next","next.js","title","document","page"],"author":{"name":"LeakedDave"},"license":"ISC","_id":"@daveyplate/next-page-title@1.0.1","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/next-page-title","dist":{"shasum":"1d81f915fa72ce3974690a5392fb168a3b03ee85","tarball":"https://registry.npmjs.org/@daveyplate/next-page-title/-/next-page-title-1.0.1.tgz","fileCount":8,"integrity":"sha512-YHSluTvI8HGh9kdAWtuEpsaD1lY8QFIkLBurrFHPxIzO+fLWgrP2PqFBI0Gh+o347WKFZ5nXYj2YieOX85D1mw==","signatures":[{"sig":"MEYCIQDEHJdGrvnDrVYufx4Li6+J7nY2C2h0bZy5egHMFi0MNgIhAI2+1ovMv9iMiqZfSCAyxXfeHqiqOG6aGuFAmaWNjUws","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14738},"types":"dist/index","module":"dist/index","gitHead":"d9b0cce6bcc595afac24ca571e891811c458fc65","scripts":{"build":"babel src --out-dir dist && npx tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"_npmVersion":"10.5.0","description":"Automatically set the page title in Next.js based on the current route, or override it with a custom title.","directories":{},"_nodeVersion":"20.12.0","_hasShrinkwrap":false,"devDependencies":{"@babel/cli":"^7.25.7","typescript":"^5.6.2","@babel/core":"^7.25.7","@babel/preset-env":"^7.25.7","@babel/preset-react":"^7.25.7"},"peerDependencies":{"next":">=14.0.0","react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/next-page-title_1.0.1_1729998471037_0.09236402412791378","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@daveyplate/next-page-title","version":"1.0.2","keywords":["next","next.js","title","document","page"],"author":{"name":"LeakedDave"},"license":"ISC","_id":"@daveyplate/next-page-title@1.0.2","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/next-page-title","dist":{"shasum":"d8f7dc19bd4da23437845e178c9c9c23d62e47de","tarball":"https://registry.npmjs.org/@daveyplate/next-page-title/-/next-page-title-1.0.2.tgz","fileCount":8,"integrity":"sha512-yQC9TUinb7cu9FLVzQqrzLgK/QHG9j/wurQnRCnQO48K3S4H5VwkMW1YCoU0jPsN0yZS3ZeGFKEf3ekdXLN53A==","signatures":[{"sig":"MEYCIQDmrlZVOnqLv1+qmxxnSthJyuhB+K5zdF0YgxQivBUu/QIhAO5iKCOAkJyKZ94l6FZ79WV7PLJ2jPA5DrCnSwTbaTAs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14767},"types":"dist/index","module":"dist/index","gitHead":"dc89ed93cda641f2396b1193ead3950241dba0a1","scripts":{"build":"babel src --out-dir dist && npx tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"_npmVersion":"10.5.0","description":"Automatically set the page title in Next.js based on the current route, or override it with a custom title.","directories":{},"_nodeVersion":"20.12.0","_hasShrinkwrap":false,"devDependencies":{"@babel/cli":"^7.25.7","typescript":"^5.6.2","@babel/core":"^7.25.7","@babel/preset-env":"^7.25.7","@babel/preset-react":"^7.25.7"},"peerDependencies":{"next":">=14.0.0","react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/next-page-title_1.0.2_1729998840689_0.502977513975637","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@daveyplate/next-page-title","version":"1.0.3","keywords":["next","next.js","title","document","page"],"author":{"name":"LeakedDave"},"license":"ISC","_id":"@daveyplate/next-page-title@1.0.3","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/next-page-title","dist":{"shasum":"96bfb52149560297718adb80571299571b5ef5d7","tarball":"https://registry.npmjs.org/@daveyplate/next-page-title/-/next-page-title-1.0.3.tgz","fileCount":8,"integrity":"sha512-3pYaqHgItGbxxtzBu6H+GonIWUL/3wFo/ZOTmH4cn+WF54dHYpaQSjhKGisbZnqdjbL+eSF/9bzg09n3grYFeA==","signatures":[{"sig":"MEUCIFrwN3/GrSRz+laKKrUOspQUq/sUIp1XK1etXsBXtH6dAiEAxzqMcnWPK7fA8K7MHGJoDGlGAmKZEjM9U6leOcCAbc0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14767},"types":"dist/index","module":"dist/index","gitHead":"63cd50c6732988055eca2b2e02d5cfede19ad2be","scripts":{"build":"babel src --out-dir dist && npx tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"_npmVersion":"10.9.0","description":"Automatically set the page title in Next.js based on the current route, or override it with a custom title.","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"@babel/cli":"^7.25.7","typescript":"^5.6.2","@babel/core":"^7.25.7","@babel/preset-env":"^7.25.7","@babel/preset-react":"^7.25.7"},"peerDependencies":{"next":">=14.0.0","react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/next-page-title_1.0.3_1733512836749_0.3795162663465683","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@daveyplate/next-page-title","version":"1.0.4","keywords":["next","next.js","title","document","page"],"author":{"name":"daveycodez"},"license":"ISC","_id":"@daveyplate/next-page-title@1.0.4","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/next-page-title","dist":{"shasum":"d15de10f3102afcf7c688f4c822063aa51251183","tarball":"https://registry.npmjs.org/@daveyplate/next-page-title/-/next-page-title-1.0.4.tgz","fileCount":9,"integrity":"sha512-QeC9vJFlo8s8YLtZSqfthfPy4BAByHRMFBxN69KtXk5l2chxZ+CJUfojwP/38j3wrHTPWEe7C6iIgS1vIojmGg==","signatures":[{"sig":"MEYCIQCCP6DQvZojtpCJQz5vX3H2vDqmF2xjcO/Q1rA4H+y2ZQIhALLaTDrfUNGjBm0MD2Z06e9oS482LiS8d//yjkuwUv+j","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78535},"types":"dist/index","module":"dist/index","gitHead":"45fd9c6c0bdc6ebecdcf8e3cdb10189c3c99ff71","scripts":{"dev":"tsc --watch","build":"rm -rf dist && tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"_npmVersion":"10.9.0","description":"Automatically set the page title in Next.js based on the current route, or override it with a custom title.","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"react":"file:../daveyplate/node_modules/react","react-dom":"file:../daveyplate/node_modules/react-dom","typescript":"^5.6.2","@types/node":"^22.10.1","@types/react":"^19.0.1"},"peerDependencies":{"next":">=14.0.0","react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/next-page-title_1.0.4_1733730373887_0.6233928578398702","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2024-10-27T02:25:37.109Z","modified":"2025-11-21T03:13:01.024Z","1.0.0":"2024-10-27T02:25:37.401Z","1.0.1":"2024-10-27T03:07:51.250Z","1.0.2":"2024-10-27T03:14:00.881Z","1.0.3":"2024-12-06T19:20:36.947Z","1.0.4":"2024-12-09T07:46:14.070Z"},"author":{"name":"daveycodez"},"license":"ISC","homepage":"https://github.com/daveyplate/next-page-title","keywords":["next","next.js","title","document","page"],"description":"Automatically set the page title in Next.js based on the current route, or override it with a custom title.","maintainers":[{"email":"leakeddave@me.com","name":"leakeddave"},{"email":"daveycodez@gmail.com","name":"daveycodez"}],"readme":"# @daveyplate/next-page-title\n\n## Installation\n\n```bash\nnpm install @daveyplate/next-page-title\n```\n\n# Usage\n\nFirst, you need to set up the `PageTitleProvider` in your custom `_app.js` file to provide the page title context to your application.\n\n### Setting up the Provider\n\n1. Open your `_app.js` file.\n2. Import the `PageTitleProvider` component.\n3. Wrap your application with the `PageTitleProvider`.\n4. (Optional) siteName is optional and falls back to process.env.NEXT_PUBLIC_SITE_NAME if not provided.\n5. (Optional) formatTitle prop allows you to change the title returned, works well for Translations.\n\n```jsx\n// pages/_app.js\nimport { PageTitleProvider } from '@daveyplate/next-page-title'\n\nfunction MyApp({ Component, pageProps }) {\n    return (\n        <PageTitleProvider siteName=\"YourSiteName\">\n            <Component {...pageProps} />\n        </PageTitleProvider>\n    )\n}\n\nexport default MyApp\n```\n\n### Using `<PageTitle>` on a Page\n\nTo set a custom page title on a specific page, use the `PageTitle` component.\n\n1. Open the page where you want to set a custom title (e.g., `pages/about.js`).\n2. Import the `PageTitle` component.\n3. Use the `PageTitle` component and pass the desired title as a prop.\n\n```jsx\n// pages/about.js\nimport { PageTitle } from '@daveyplate/next-page-title'\n\nexport default function AboutPage() {\n    return (\n        <>\n            <PageTitle title=\"About Us\" />\n            <h1>About Us</h1>\n            <p>Welcome to the about page.</p>\n        </>\n    )\n}\n```\n\nNow, when you navigate to the `/about` page, the title of the page will be set to \"About Us | YourSiteName\".","readmeFilename":"README.md"}