Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/statichunt/hydrogen-nextjs

Minimal & Highly Customizable NextJs Template for Personal Blog Website
https://github.com/statichunt/hydrogen-nextjs

jamstack jamstack-theme mit-license netlify nextjs nextjs-starter nextjs-tailwind nextjs-template statichunt tailwind-template vercel

Last synced: about 2 hours ago
JSON representation

Minimal & Highly Customizable NextJs Template for Personal Blog Website

Awesome Lists containing this project

README

        

Hydrogen Nextjs


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


Demo | Page Speed (100%)





license

code size


contributors

![hydrogen](https://statichunt.com/themes/nextjs-hydrogen.png)

## 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)

- **Node Installation:** [Install node js](https://nodejs.org/en/download/) [Recommended LTS version]

### Local setup

After successfully installing those dependencies, open this template with any IDE [[VS Code](https://code.visualstudio.com/) 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](https://github.com/statichunt/hydrogen-nextjs/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](https://github.com/statichunt/hydrogen-nextjs/issues).

## License

Copyright (c) 2019 - Present, Designed & Developed by [statichunt](https://statichunt.com)

**Code License:** Released under the [MIT](https://github.com/statichunt/hydrogen-nextjs/blob/main/LICENSE) license.

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