https://github.com/powerfulyang/powerfulyang.com

Next.js best practice + FFmpeg.wasm + @swc/jest + monaco-editor + react-hook-form + masonry + @tanstack/react-query 实现的个人博客
https://github.com/powerfulyang/powerfulyang.com

blog cloudflare-pages edge jest lottie masonry monaco-editor next nextjs react-hook-form react-markdown react-query static-site tailwindcss typescript vercel

Last synced: about 8 hours ago
JSON representation

Next.js best practice + FFmpeg.wasm + @swc/jest + monaco-editor + react-hook-form + masonry + @tanstack/react-query 实现的个人博客

• Host: GitHub
• URL: https://github.com/powerfulyang/powerfulyang.com
• Owner: powerfulyang
• License: mit
• Created: 2020-03-03T10:12:12.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-11-11T10:40:17.000Z (7 days ago)
• Last Synced: 2024-11-11T11:36:06.363Z (7 days ago)
• Topics: blog, cloudflare-pages, edge, jest, lottie, masonry, monaco-editor, next, nextjs, react-hook-form, react-markdown, react-query, static-site, tailwindcss, typescript, vercel
• Language: TypeScript
• Homepage: https://powerfulyang.com
• Size: 31.8 MB
• Stars: 45
• Watchers: 1
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Thanks to JetBrains for providing me with a free license of their awesome IDE, [WebStorm](https://www.jetbrains.com/webstorm/).

# My Personal Website

> My Personal Homepage & Blog site with NextJS : https://powerfulyang.com

## Prerequisites

- [NodeJS](https://nodejs.org/en/download/)

- [pnpm](https://pnpm.io/installation)

## Get Started

### With npm

```bash

npm install

npm run prod:dev

```

### With pnpm

```bash

pnpm install

pnpm run prod:dev

```

open http://localhost:3000 in your browser, and you will see the website.

## Ongoing Features

- [x] Mobile friendly

- [x] [Publish Post](https://powerfulyang.com/post/publish)

- [x] [Search posts](https://powerfulyang.com/post)

- [x] [Post detail](https://powerfulyang.com/post/25)

- [x] Optimized image scaling & Lazy load with blur effect

- [x] [Sitemap](https://powerfulyang.com/sitemap.xml)

- [x] [Masonry layout](https://powerfulyang.com/gallery)

- [x] [Timeline](https://powerfulyang.com/timeline)

- [x] [Airdrop](https://powerfulyang.com/airdrop)

- [ ] Dark Mode

- [x] RSS

## License

[MIT](./LICENSE)

## Acknowledgments

- [NextJS](https://nextjs.org/)

- [TailwindCSS](https://tailwindcss.com/)

- [Algolia](https://www.algolia.com/)

- [JetBrains](https://www.jetbrains.com/)

- [GitHub Actions](https://github.com/features/actions)

If you have any questions, please feel free to contact me via [email](mailto:[email protected]).