Skip to content
/ next.js-p5.js Public template

Next.js p5.js Template to easily create p5.js projects in Next.js!

License

Notifications You must be signed in to change notification settings

epoll31/next.js-p5.js

Repository files navigation

Next.js p5.js Template

Getting Started

Running the Server

Use the following command to run the development server.

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

What's in this template?

This template consists of a single page. This page has one sketch on it derived from the flocking example on the p5.js website.

Additionally, I have added a typing animation that you can customize.

This is what the sketch looks like:

The example sketch as a gif

Learn More

Next.js

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

p5.js

To learn more about p5.js, take a look at the following resources:

react-p5

To leard more about react-p5, take a look at the following resources:

About

Next.js p5.js Template to easily create p5.js projects in Next.js!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published