2025-05-14 11:19:01 -05:00
2025-04-22 20:37:18 -05:00
2025-05-14 11:19:01 -05:00
2025-04-22 20:37:18 -05:00
2025-04-22 20:37:18 -05:00
2025-04-22 20:37:18 -05:00
2025-04-22 20:37:18 -05:00
2025-04-25 14:38:06 -05:00
2025-04-22 20:37:18 -05:00
2025-04-25 14:38:06 -05:00
2025-04-22 20:37:18 -05:00
2025-04-25 14:38:06 -05:00
2025-04-25 14:38:06 -05:00
2025-05-08 11:23:51 -05:00
2025-04-22 20:37:18 -05:00

Payload Personal Portfolio

Development

  1. cp .env.example .env to copy the example environment variables.
  2. npm install && npm run dev to install dependencies and start the dev server
  3. open http://localhost:{process.env.PORT} to open the app in your browser

How it works

The Payload config is tailored specifically to the needs of most websites. It is pre-configured in the following ways:

Collections

See the Collections docs for details on how to extend this functionality.

  • Users (Authentication)

    Users are auth-enabled collections that have access to the admin panel.

    For additional help, see the official Auth Example or the Authentication docs.

  • Media

    This is the uploads enabled collection. It features pre-configured sizes, focal point and manual resizing to help you manage your pictures.

Docker

Alternatively, you can use Docker to spin up this template locally. To do so, follow these steps:

  1. Follow steps 1 and 2 from above, the docker-compose file will automatically use the .env file in your project root
  2. Next run docker-compose up
  3. Follow steps 4 and 5 from above to login and create your first admin user

That's it! The Docker instance will help you get up and running quickly while also standardizing the development environment across your teams.

Description
Personal Portfolio Website built on top of Payloadjs
Readme 657 KiB
Languages
TypeScript 92.8%
CSS 3.8%
Dockerfile 2.1%
JavaScript 1.3%