Emily is a String and Theatre teacher in Bendigo, Victoria, Australia. Her Drama Club at The Old Church on the Hill has grown to now have more students than her old faithful pen and paper can handle. Being both her husband and a developer on the @keystonejs project @thinkmill I figured I could help make her life a little bit easier by streamlining the enrolment, communication, and billing, while at the same time exploring new tech and new ways of working with Keystone. So over Christmas 2022, I started putting together this Website which serves as both a marketing site and a student portal.
The project allows students and their parents/guardians to view the timetable, check fees, see class availability and enrol through the Student Portal/Dashboard. Once enroled they click enrol in their dashboard, the enrolment is set to Pending, then Emily can confirm thier enrolment by setting its status to Enroled. Once the status is set to Enroled a confirmation email is sent to the account owner with the time and start date pulled from the Lesson and Term.
We use Inutit's Quickbooks for book keeping, we can generate invoices for the Term which creates them in Quickbooks ready to send.
I wanted to try seomthing new, have a super easy deployment experience, and not have the headache of looking after servers.
With that in mind I went with the following
This was a fairly obvoius choice for me, I spend my work days developing so know if farily well, it also provides a pretty awesome backend application framework. With the new getContext API I also don't need to run a server anymore. I am still using Apollo Server, but deployed through the frontend NextJS app.
As I said I was keen on trying something new, the app directory/server side react components along with getContext make page building and data fetching much more straight forward.
This provides a quick way of getting Auth working especially when one of the requirements was social auth.
PlanetScale offers a pretty generous free tier and their schema branching was something I really wanted to give a go.
- Tailwind both some UI components and CSS
- Inngest - starting to play around with backgrounding tasks, expecially for generating invoices based on events (not completely impletmented yet).
You can see the dev environment on Vercel at emily-calder.vercel.app - it does only have test data - feel free to register and give it a go. The production site is at www.emilycalder.com.au - feel free to check it out, but please don't enrol unless you are interested in having lessons in Bendigo (and get the bill for it).
You can try it out on Dev by cloing the repo and running pnpm install and pnpm dev which will start two nextjs dev servers, one hosting the main site including the GraphQL API on port 3000 and one hosting the Keystone Admin UI on port 4000, the Keystone UI is proxied through the frontend at /admin.