Hydrogen nextjs

<h1 align=center>Hydrogen Nextjs</h1> <p align=center>Hydrogen is a minimal & highly customizable free NextJs personal blog template ideal for creating personal blog website.</p> <h2 align="center"> <a target="_blank" href="https://hydrogen-nextjs.vercel.app/" rel="nofollow">Demo</a> | <a target="_blank" href="https://pagespeed.web.dev/report?url=https%3A%2F%2Fhydrogen-nextjs.vercel.app%2F&form_factor=desktop">Page Speed (100%)</a> </h2> <p align=center> <a href="https://github.com/vercel/next.js/releases/tag/v13.0.6" alt="Contributors"> <img src="https://img.shields.io/static/v1?label=NEXTJS&message=13.0&color=000&logo=nextjs" /> </a> <a href="https://github.com/statichunt/hydrogen-nextjs/blob/main/LICENSE"> <img src="https://img.shields.io/github/license/statichunt/hydrogen-nextjs" alt="license"></a> <img src="https://img.shields.io/github/languages/code-size/statichunt/hydrogen-nextjs" alt="code size"> <a href="https://github.com/statichunt/hydrogen-nextjs/graphs/contributors"> <img src="https://img.shields.io/github/contributors/statichunt/hydrogen-nextjs" alt="contributors"></a> </p>

Key Features

• Google Page Speed score 100! (Desktop)
• Supports Contact Form
• Disqus Comment Support
• Related Posts Suggestion
• MDX Support with many built-in custom components
• Semantic HTML Document Structure
• Custom Logo Support
• Includes All SCSS Files
• Taxonomy Page Support
• Images Optimized With Next/image

<!-- installation -->

Installation

After downloading the template, you have some prerequisites to install. Then you can run it on your localhost. You can view the package.json file to see which scripts are included.

Install prerequisites (once for a machine)

• Node Installation: Install node js [Recommended LTS version]

Local setup

After successfully installing those dependencies, open this template with any IDE [VS Code recommended], and then open the internal terminal of IDM [vs code shortcut <code>ctrl/cmd+`</code>]

• Install dependencies

npm install

• Run locally

npm run dev

After that, it will open up a preview of the template in your default browser, watch for changes to source files, and live-reload the browser when changes are saved.

Production Build

After finishing all the customization, you can create a production build by running this command.

npm run build

<!-- edit with sitepins -->

📝 Edit Content with CMS

This template comes pre-configured with Sitepins, a Git-based Headless CMS designed for seamless content management. You can update your website’s text, images, and configuration without touching a single line of code.

How to get started:

Click the Edit with Sitepins button below and follow the on-screen instructions to start editing your content visually.

<a target="_blank" href="https://app.sitepins.com/new/clone?name=Hydrogen%20Nextjs&repository=https://github.com/statichunt/hydrogen-nextjs/"> <img src="https://sitepins.com/button.svg" alt="Edit with Sitepins"> </a> <!-- reporting issue -->

Reporting Issues

We use GitHub Issues as the official bug tracker for this Template. Please Search existing issues. It’s possible someone has already reported the same problem.
If your problem or idea has not been addressed yet, feel free to open a new issue.

<!-- licence -->

License

Copyright (c) 2019 - Present, Designed & Developed by statichunt

Code License: Released under the MIT license.

Image license: The images are only for demonstration purposes. They have their license, we don't have permission to share those images.