An open API service indexing awesome lists of open source software.

https://github.com/glozinfinity/rev0-portfolio

A developer-friendly portfolio template built with Payload CMS. This template allows for quick customization, responsive design, and efficient content management. Check the demo from the below link👇
https://github.com/glozinfinity/rev0-portfolio

developer nextjs15 payloadcms portfolio supabase tailwindcss template typescript

Last synced: 3 months ago
JSON representation

A developer-friendly portfolio template built with Payload CMS. This template allows for quick customization, responsive design, and efficient content management. Check the demo from the below link👇

Awesome Lists containing this project

README

          









[rev0] - DevFolio Template

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]


A powerful and flexible developer portfolio template integrated with a content management system (CMS). Built with modern technologies, rev0 Devfolio Template is designed to make it easy for developers to showcase their work and create custom pages using pre-built blocks. This template also includes a blog feature and is fully customizable, allowing you to personalize the design and content.




Get Pro and (Deploy for FREE)
.
View Demo
.
Report Bug
·
Request Feature


### Features
- **Content Management System (CMS):** Easily manage your content using the integrated Payload CMS.
- **Blog:** Share your thoughts and updates with the built-in blog feature.
- **Page Builder:** Quickly assemble custom pages with pre-built, customizable blocks.
- **Easy Deployment:** Deploy the portfolio effortlessly to platforms like Vercel or Netlify.
- **User-Friendly Management:** Simple and intuitive interface for updating and organizing content.

(back to top)

### Technologies Used

- **SQLite:** Lightweight database for fast and reliable data storage.
- **Next.js:** Framework for server-rendered React applications.
- **Drizzle:** An open-source next-generation ORM.
- **React:** JavaScript library for building user interfaces.
- **Payload CMS:** Integrated CMS solution for managing content seamlessly.
- **Tailwind CSS:** Utility-first CSS framework for custom styling.

(back to top)

## Installation

1. **Clone the Repository**
Clone this repository to your local machine and navigate to the project folder.

2. **Set Up Environment Variables**
Copy the `.env.example` file and rename it to `.env`.
Update the `.env` file with the following values:

```plaintext
DATABASE_URI=file:./.db
PAYLOAD_SECRET=b48597b03a8d348d7e798b6c
```

This configuration will connect the application to the preloaded SQLite database included in the repository, allowing you to access and edit the existing template content.

3. **Install Dependencies**
Run the following command to install the required packages:

```bash
npm install
```

4. **Start the Development Server**
Run the following command to start the application in development mode:

```bash
npm run dev
```

5. **Access the CMS Dashboard**
Open your browser and navigate to [http://localhost:3000/admin](http://localhost:3000/admin).
Log in with the following credentials:

- **Email**: uluckydev@gmail.com
- **Password**: hHYyYC2yEagLw2F

You can now start editing the template to suit your portfolio needs.

(back to top)

## Usage

1. Log in to the CMS dashboard.
2. Use the **Pages** section to create or edit pages, leveraging the pre-built blocks for easy customization.
3. Customize the look and feel using Tailwind CSS and React components.

(back to top)

## Troubleshooting

For common issues, refer to the Payload CMS documentation and Next.js guides. Known issues and potential solutions may be listed in the **Issues** section on GitHub.

Here's the roadmap section formatted as requested:

---

## Roadmap

- [x] Blog Section
- [x] Custom Layouts
- [x] Technical SEO Implementation
- [ ] Add Dark Mode
- [ ] Add New Blocks
- [ ] Project Showcase
- [ ] Testimonials
- [ ] Contact Form
- [ ] Interactive Media Sections
- [ ] Add Animations
- [ ] Page Load Animations
- [ ] Hover Effects for Links and Buttons
- [ ] Smooth Scrolling and Transitions for Block Elements

See the [open issues](https://github.com/glozinfinity/rev0-portfolio/issues) for a full list of proposed features and known issues.

---

This format allows for easy tracking of progress on each feature and offers a clear view of future updates. Let me know if there are additional details you'd like to include!

(back to top)

## Contributing

Contributions to **rev0 Devfolio Template** are welcome! To contribute:

1. Fork the repository.
2. Create a new branch for your feature (`git checkout -b feature/YourFeatureName`).
3. Commit your changes (`git commit -m 'Add a new feature'`).
4. Push to the branch (`git push origin feature/YourFeatureName`).
5. Open a pull request to merge your feature into the main branch.

### Top contributors:


contrib.rocks image

(back to top)

## License

This project is licensed under the MIT License with additional restrictions:

Resale and Relicensing Restriction: The Software, or any derivative works thereof, may not be sold, relicensed, or rented as a service by any party other than Glozinfinity Technology Private Limited.
For more details, refer to the LICENSE file included in the repository.

(back to top)

## Contact

uluckydev - [@uluckydev](https://twitter.com/uluckydev) - uluckydev@gmail.com

Project Link: [https://github.com/glozinfinity/rev0-portfolio](https://github.com/glozinfinity/rev0-portfolio)

(back to top)

## Acknowledgments

Thanks to the open-source community and contributors for helping improve and maintain the rev0 Devfolio Template.

(back to top)

[contributors-shield]: https://img.shields.io/github/contributors/glozinfinity/rev0-portfolio.svg?style=for-the-badge
[contributors-url]: https://github.com/glozinfinity/rev0-portfolio/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/glozinfinity/rev0-portfolio.svg?style=for-the-badge
[forks-url]: https://github.com/othneildrew/Best-README-Template/network/members
[stars-shield]: https://img.shields.io/github/stars/glozinfinity/rev0-portfolio.svg?style=for-the-badge
[stars-url]: https://github.com/glozinfinity/rev0-portfolio/stargazers
[issues-shield]: https://img.shields.io/github/issues/glozinfinity/rev0-portfolio.svg?style=for-the-badge
[issues-url]: https://github.com/glozinfinity/rev0-portfolio/issues
[license-shield]: https://img.shields.io/github/license/glozinfinity/rev0-portfolio.svg?style=for-the-badge
[license-url]: https://github.com/glozinfinity/rev0-portfolio/blob/master/LICENSE

[product-screenshot]: images/screenshot.png
[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[Next-url]: https://nextjs.org/
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[Vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D
[Vue-url]: https://vuejs.org/
[Angular.io]: https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white
[Angular-url]: https://angular.io/
[Svelte.dev]: https://img.shields.io/badge/Svelte-4A4A55?style=for-the-badge&logo=svelte&logoColor=FF3E00
[Svelte-url]: https://svelte.dev/
[Laravel.com]: https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white
[Laravel-url]: https://laravel.com
[Bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white
[Bootstrap-url]: https://getbootstrap.com
[JQuery.com]: https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white
[JQuery-url]: https://jquery.com