Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/lesenelir/lesenelir.zz

My portfolio blog website was built with next.js
https://github.com/lesenelir/lesenelir.zz

blog nextjs react

Last synced: 9 days ago
JSON representation

My portfolio blog website was built with next.js

Awesome Lists containing this project

README

        

# Lesenelir.me 💨

My portfolio blog website built with next.js, inspired by [antfu's blog](https://antfu.me/). Keeping Building~~

---

## Introduction

This project is a portfolio website built with nextjs.

## Features

- [x] use file routing to display pages content according to path url
- [x] use remark to convey markdown to html with css
- [x] use node.js to read file system
- [x] use css variables and property selectors to switch between themes
- [x] use canvas to animate the background of the all pages
- [x] static site generation with data
- [x] add mobile support
- [x] hi2me message board dApp store message to the goerli network

## Run and Deploy

- Get the repository code

```
git clone https://github.com/lesenelir/lesenelir.me.git
```

- Installing dependencies

```
npm i
```

- Run

```
npm run dev
```

- Deploy

> My blog is deployed on the vercel platform

If you want to deploy your website to a production environment, I highly recommend you to use the [vercel](https://vercel.com/dashboard) platform.

You can deploy your github repo project on vercel and use custom domains.

## Running Screenshots

- Light Theme

![Light](https://raw.githubusercontent.com/lesenelir/meta-portfolio/master/docs-imgs/light2.png)

- Dark Theme

![Dark](https://raw.githubusercontent.com/lesenelir/meta-portfolio/master/docs-imgs/dark2.png)

- Hi2Me Page

![hi2me](https://raw.githubusercontent.com/lesenelir/meta-portfolio/master/docs-imgs/hi2me.png)

## Browser Support

`Chrome` is the recommended browser for local development

Modern browsers supported, IE not supported

| [IE](http://godban.github.io/browsers-support-badges/)IE | [ Edge](http://godban.github.io/browsers-support-badges/)Edge | [Firefox](http://godban.github.io/browsers-support-badges/)Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)Chrome | [Safari](http://godban.github.io/browsers-support-badges/)Safari |
| :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: |
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## License
code is license under [MIT](https://opensource.org/licenses/MIT)

words and images are licensed under [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)