This is Johnny's take on the free Nextjs to SvelteKit course, which is a take on Next/Learn but implementing with SvelteKit!
See Johnny develop this app live on his channel:
- Overview & Chapters 1-5, including View Transitions!
- Chapters 6-10, including custom chart with Chart.JS!
- First take on Chapters 11-13, with the Mutations / SvelteKit actions part being successful
- Chapter 11 done well 😅 Search & Pagination!
Before anything, install dependencies with:
pnpm installYou will need a version of Node for that command to work correctly. This project uses Volta, which will automatically switch to the correct version of Node for you!
Start a development server with:
pnpm run devYou will need a set of environment variables for this app to work correctly. You can copy .env.example into your .env file, and substitute the mock values as needed.
You will need a Postgres database for this app to work correctly. The typesafe ORM + Migrator of choice for this project is Prisma, and you can use pnpx prisma migrate reset to reset your connected database, realign its schema and seed it with some sample data.
Note that the seed script needs Bun, so make sure you have that installed!