๐Ÿ“ฆ payloadcms / custom-website-series

A fully custom website built with Payload and Next.js

โ˜… 86 stars โ‘‚ 51 forks ๐Ÿ‘ 86 watching
๐Ÿ“ฅ Clone https://github.com/payloadcms/custom-website-series.git
HTTPS git clone https://github.com/payloadcms/custom-website-series.git
SSH git clone git@github.com:payloadcms/custom-website-series.git
CLI gh repo clone payloadcms/custom-website-series
James Mikrut James Mikrut Merge pull request #3 from payloadcms/episode-4 a356271 4 years ago ๐Ÿ“ History
๐Ÿ“‚ master View all commits โ†’
๐Ÿ“ blocks
๐Ÿ“ collections
๐Ÿ“ components
๐Ÿ“ css
๐Ÿ“ declarations
๐Ÿ“ fields
๐Ÿ“ globals
๐Ÿ“ hooks
๐Ÿ“ pages
๐Ÿ“ public
๐Ÿ“ server
๐Ÿ“ utilities
๐Ÿ“„ .DS_Store
๐Ÿ“„ .editorconfig
๐Ÿ“„ .env.example
๐Ÿ“„ .eslintrc.js
๐Ÿ“„ .gitignore
๐Ÿ“„ dev.js
๐Ÿ“„ next-env.d.ts
๐Ÿ“„ next.config.js
๐Ÿ“„ package.json
๐Ÿ“„ payload.config.ts
๐Ÿ“„ readme.md
๐Ÿ“„ tsconfig.json
๐Ÿ“„ yarn-error.log
๐Ÿ“„ yarn.lock
๐Ÿ“„ README.md

Payload Custom Website Series

In this series, we'll show you how to build a professionally designed, custom website from scratch.

Installation

Here is a step-by-step guide for how to use this repo:

  • Clone this repo using git clone --depth=1 https://github.com/payloadcms/nextjs-custom-server.git <YOUR_PROJECT_NAME>
  • Run cp .env.example .env to create an .env file
  • Fill out your .env file with values that describe your environment
  • Run yarn or npm install
  • Run yarn dev to open a development environment
  • optional Run yarn seed to add sample pages and a Media upload
  • Go to http://localhost:3000/admin to create your first user

Building and serving in Production

This repo contains everything you need to both build your project for production purposes as well as serve it after it's been built.

  • To build, run yarn build or npm run build.
  • To serve, run yarn serve or npm run serve.