Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/candidosales/personal-blog
https://github.com/candidosales/personal-blog
nextjs personal-website portfolio pwa react vercel
Last synced: about 17 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/candidosales/personal-blog
- Owner: candidosales
- License: mit
- Created: 2021-05-25T02:01:55.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-15T04:30:23.000Z (over 1 year ago)
- Last Synced: 2024-04-15T00:39:26.673Z (7 months ago)
- Topics: nextjs, personal-website, portfolio, pwa, react, vercel
- Language: JavaScript
- Homepage: https://personal-blog-liart.vercel.app
- Size: 42.1 MB
- Stars: 7
- Watchers: 3
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Personal Portfolio
Landing page for your personal portfolio made with [NextJS](https://nextjs.org/) and [Chakra UI](https://chakra-ui.com/)
## Preview
- [Candido Sales Gomes Portfolio](https://www.candidosales.me/)
## Requirements
- The minimum Node.js version 12.2.0, which is the first version of Node.js with native ES modules support.
## 🎯 Features
- [NextJS 13](https://nextjs.org/blog/next-13);
- [React 18](https://nextjs.org/blog/next-12#preparing-for-react-18);
- [Fontsource](https://fontsource.org/);
- Dark mode;
- Integrate with Google Analytics;
- i18n (Internationalization);
- [Lazy loading images](https://web.dev/browser-level-image-lazy-loading/);
- [next/image](https://nextjs.org/docs/basic-features/image-optimization)
- [PWA](https://web.dev/progressive-web-apps/);
- Optmize images before to send it. [ImageOptim](https://github.com/JamieMason/ImageOptim-CLI);
- [Chakra UI](https://chakra-ui.com/);
## ⚙️ How to setup
```bash
npm install
npm run dev
```
## Dependencies
```bash
npm install -g imageoptim-cli
```
## 📚 Reference
- Dev Icons: https://github.com/devicons/devicon
- React Icons: https://react-icons.github.io/react-icons/icons?name=ri
- https://twitter.com/gontijodesign/status/1394624373823348737
- https://dev.to/swyx/how-to-add-prettier-and-eslint-automation-to-a-react-codebase-2gk1
- https://dev.to/actitime/how-to-build-a-great-developer-portfolio-examples-tools-bkj
## 👍 Contribute
If you want to say thank you and/or support the active development this project:
1. Add a [GitHub Star](https://github.com/candidosales/personal-blog/stargazers) to the project.
2. Write a review or tutorial on [Medium](https://medium.com/), [Dev.to](https://dev.to/) or personal blog.
3. Support the project by donating a [cup of coffee](https://buymeacoff.ee/candidosales).
## ☕ Supporters
If you want to support Personal Portfolio, you can ☕ [**buy a coffee here**](https://buymeacoff.ee/candidosales)
## ✨ Acknowledgment
## Author
- Cândido Sales - [@candidosales](https://twitter.com/candidosales)
## ⚠️ Copyright and license
Code and documentation copyright 2020-2030 the [Authors](https://github.com/candidosales/personal-blog/graphs/contributors) and Code released under the [MIT License](https://github.com/candidosales/personal-blog/blob/master/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).