Modern Full-Stack Next.js Personal Portfolio Project

---

Demo • Documentation • Installation Instructions • Deployment • Contributing • Reporting Issues

🚀 Installation

---

1. Install Node.js
2. Add all environment variables (Which env for what I described them in .env.example)
3. After you add your env variables then run the codes on terminal

yarn && yarn dev

4. Go localhost:3000

⭐️ Features

---

1. Multi-language support
2. DEFAULT/LIGHT theme
3. Authentication system
4. Amazing github-actions flows
5. You can show your resume as a website page /about
6. You can show your portfolio as a website page /projects
7. You can create a link tree as a website page /links
8. You can share your posts on medium and you can show them on your website /blog, also we have a authentication system so the users can sign-in and they can comment your posts on your blog
9. Anyone can send mail messages by using contact page. /contacts
10. It is also an DAP which means decentralized applications. The users or your fans can donate for you by sending BOARD or NORMAL messages. I wrote a smart contact and share it in the source code of this repository.
11. This project is a Full-Stack Next.js project. You can also use this project's code as a boilerplate for any project

🎉 Credits

Tools

Packages

eslint-plugin-unused-imports

eslint-plugin-sort-exports

@typescript-eslint/eslint-plugin

Github Actions

• https://github.com/MarceloPrado/has-changed-path (Used)

• https://github.com/marvinpinto/action-automatic-releases (Used)

• https://github.com/marvinpinto/actions

Npm

• https://github.com/commitizen/cz-cli (Used)

Packages

• https://www.prisma.io/

• https://www.cypress.io/

Media Tools

• freeconvert - GIF & Image Compressor

• compressgif - GIF & Image Compressor

• tinypng - Image Compressor

Articles

• https://www.eliostruyf.com/deploy-site-vercel-github-actions-releases/

• https://aaronfrancis.com/2021/the-perfect-vercel-github-actions-deployment-pipeline

• https://lzomedia.com/blog/automatic-release-new-version-and-notify-your-followers-about-it-using-github-workflows/

About SEO

• 8 Meta Tags That Improve SEO

• Canonical URL Nedir?

• 10 Most Important Meta Tags You Need to Know for SEO

• Meta tags that Google understands

• The essential meta tags at a glance

Previews

---

⚡️ License

---

Code released under GPL license. Please pull request to this source repo before you make your changes public or commercial usage. All rights reserved by Lucas Jin.

✨ Contributors

---

Thanks goes to these wonderful people (emoji key):

Mucahid Yazar 🚧

This project follows the all-contributors specification. Contributions of any kind welcome!