Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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: about 2 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.




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.
- **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**: [email protected]
- **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
- [ ] 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) - [email protected]

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