Coursey is a project to show powerful integration between Caisy Headless CMS, Next.js App router, TailwindCSS, and GaphQL.
- Clone or fork this repository
- Change the directory to the
site
folder - Install dependencies using the
npm install
oryarn
command. - Start the local development server using the
npm run dev
oryarn dev
command.
Please Note: This project uses Caisy as the back-end content management system. So, create an account with Caisy and obtain the Project ID and API Key for accessing data. Caisy is absolutely FREE for the kind of project we have built here. Once you have the details, please create a
.env
or.env.local
file with these entries at the root of the project folder.
CAISY_PROJECT_ID=<YOUR_PROJECT_KEY>
CAISY_API_KEY=<YOUR_API_KEY>
The application is deployed on Vercel, and you can start playing around with it.
Who doesn't need motivation? Please give the project a star(⭐) and/or share it in your dev circle.
The project uses the following technology stack:
- Caisy Headless CMS as a back-end data store.
- Next.js App router for the user interface implementation.
- TailwindCSS for styling the app.
- GaphQL as API endpoints
- Vercel to deploy the app publicly.
Here is an in-depth video to learn how to build an app like this.
Here is a step-by-step tutorial for you: https://blog.greenroots.info/create-an-e-learning-platform-using-caisy-graphql-nextjs-app-router
This project is an Open Source project. If you'd like to contribute, you are welcome. Feel free to start with these features and issues:
- Make the search functionality work.
- Make the look and feel better.
- Make the navbar work in the responsive mode.
- Add a checkout system to buy a course.
Please create an issue before working on any of the items. Also, please read the
CODE Of Conduct
andContributing
Guide added to the project.