https://github.com/bhargav-rathod/json-folio
A lightweight, customizable portfolio template that lets you create a stunning personal website by simply editing a JSON file. Built with Next.js and Tailwind CSS, it's fast, responsive, and easy to deploy. No multiple redeployments.
https://github.com/bhargav-rathod/json-folio
easy-deployment free-website html-css-javascript json json-folio jsonfolio nextjs personal-blog personal-project personal-website portfolio portfolio-blog portfolio-management portfolio-page portfolio-project portfolio-site portfolio-template portfolio-webpage portfolio-website
Last synced: 2 months ago
JSON representation
A lightweight, customizable portfolio template that lets you create a stunning personal website by simply editing a JSON file. Built with Next.js and Tailwind CSS, it's fast, responsive, and easy to deploy. No multiple redeployments.
- Host: GitHub
- URL: https://github.com/bhargav-rathod/json-folio
- Owner: bhargav-rathod
- Created: 2025-06-03T03:34:44.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-12-24T16:42:10.000Z (6 months ago)
- Last Synced: 2025-12-26T05:21:16.757Z (6 months ago)
- Topics: easy-deployment, free-website, html-css-javascript, json, json-folio, jsonfolio, nextjs, personal-blog, personal-project, personal-website, portfolio, portfolio-blog, portfolio-management, portfolio-page, portfolio-project, portfolio-site, portfolio-template, portfolio-webpage, portfolio-website
- Language: TypeScript
- Homepage: https://json-folio.netlify.app
- Size: 1.29 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JsonFolio - Your Personal & Cool Portfolio in Minutes 🚀
[](https://app.netlify.com/projects/json-folio/deploys)
**JsonFolio** is a lightweight, customizable portfolio template that lets you create a stunning personal website by simply editing a JSON file. Built with Next.js and Tailwind CSS, it's fast, responsive, and easy to deploy. No multiple redeployments.
🔗 **Live Demo**: [https://json-folio.netlify.app/](https://json-folio.netlify.app/)
## ✨ Features
- **JSON-powered** - Just edit one file to customize your entire portfolio
- **No-Redeployments** - Data change will not require redeployments
- **Fully Customizable** - Fully Customizable - Sections, Sections Data & Sections Ordering
- **Blazing Fast** - Built with Next.js for optimal performance
- **Mobile Responsive** - Looks great on all devices
- **Modern Design** - Clean, professional aesthetics
- **Easy Deployment** - One-click deploy to Netlify/Vercel
- **SEO Optimized** - Ready for search engines
- **Dark/Light Mode** - Automatic system preference detection
- **Tracking** - Track who visits your portfolio
## 🛠️ Getting Started
### 1. Fork this repository
Click the "Fork" button at the top right of this page to create your own copy.
### 2. Set up your portfolio data
Create a JSON file with your portfolio data (use [this template](https://raw.githubusercontent.com/bhargav-rathod/json-folio/refs/heads/main/public/archived/data.json)) and host it somewhere (GitHub Gist, your own server, etc.).
### 3. Configure environment variable
Create a `.env.local` file in the root directory with:
```env
NEXT_PUBLIC_PORTFOLIO_DATA_URL=YOUR_JSON_URL_HERE
```
### 4. Run Locally
```
npm install
npm run dev
```
Visit http://localhost:3000 to see your portfolio!
### 5. Deploy to Netlify/Vercel
## Json Configuration
For a complete example, check out the [sample portfolio.json](https://raw.githubusercontent.com/bhargav-rathod/json-folio/refs/heads/main/public/archived/data.json).
## 🤝 Contributing
Contributions are welcome! Please open an issue or submit a PR for any improvements.
## 📜 License
MIT © Bhargav Rathod
Made with ❤️ by Bhargav Rathod
## ❤️ Support
Enjoying this project? Help me make more awesome stuff!
