A developer-friendly portfolio website with visual editing capabilities powered by TinaCMS
A modern, responsive portfolio website built with cutting-edge web technologies that makes content management effortless through an intuitive visual editor.
- Modern and sleek design
- Fully responsive across all devices
- Optimized performance
- Blog functionality
- Portfolio showcase
- Interactive components
- TinaCMS for easy content management
- SEO-friendly structure
- Dark/Light mode support
- Real-time content preview
- Node.js 20.19.1 or later
- pnpm (recommended)
-
Clone the repository
git clone https://github.com/YOUR_USERNAME/noy-portfolio.git cd noy-portfolio -
Install dependencies
pnpm install
-
Create a
.envfile based on.env.example -
Start the development server
pnpm run dev
Note: The
devscript uses the--turboflag to enable Next.js Turbopack for potentially faster development performance. It also sets a Node.js memory limit (--max-old-space-size=8192). You can adjust this memory value (e.g.,4096for 4GB) in thepackage.jsonfile based on your system's resources if needed. -
Open http://localhost:3000 in your browser
-
Access the admin panel at http://localhost:3000/admin to manage content
You can customize the portfolio by editing the configuration files in the src/data directory or by using the admin interface.
| File | Description | Admin Page |
|---|---|---|
src/data/homeConfig.json |
Home page content and settings | /admin/home-editor |
src/data/sidebarConfig.json |
Sidebar information and links | /admin/sidebar-editor |
src/data/resumeConfig.json |
Resume/CV page content | /admin/resume-editor |
src/data/blogConfig.json |
Blog settings | /admin/blog |
src/data/galleryConfig.json |
Gallery settings | /admin/gallery-editor |
src/data/appConfig.json |
Global application settings | - |
For better compatibility and ease of use, it's recommended to edit content through the admin interface:
- Main Admin Panel: /admin
- Home Page Editor: /admin/home-editor
- Sidebar Editor: /admin/sidebar-editor
- Resume Editor: /admin/resume-editor
- Blog Management: /admin/blog
- Portfolio Management: /admin/portfolio
- Gallery Editor: /admin/gallery-editor
This template works seamlessly with Vercel, Netlify, and other Next.js-compatible hosting platforms.
| Metric | Score |
|---|---|
| Performance | 98/100 |
| Accessibility | 100/100 |
| Best Practices | 95/100 |
| SEO | 100/100 |
This project was inspired by the following repositories:
This project is licensed under the MIT License - see the LICENSE file for details.
Created with ❤️ by Nati Cabti
If you're using this template, I'd love to see your portfolio! Please share it with me.
Star this repo if you find it useful!