Skip to content

statichunt/hydrogen-nextjs

Repository files navigation

Hydrogen Nextjs

Hydrogen is a minimal & highly customizable free NextJs personal blog template ideal for creating personal blog website.

license code size contributors

hydrogen

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

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)

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 ctrl/cmd+`]

  • 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

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.

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.