https://github.com/atapas/coursey
Coursey is a project to show powerful integration between Caisy content management system, Next.js App router and GaphQL
https://github.com/atapas/coursey
app app-router-nextjs caisy cms cms-backend graphql headless-cms nextjs nextjs13 router tailwindcss
Last synced: 11 months ago
JSON representation
Coursey is a project to show powerful integration between Caisy content management system, Next.js App router and GaphQL
- Host: GitHub
- URL: https://github.com/atapas/coursey
- Owner: atapas
- License: mit
- Created: 2023-07-26T09:43:28.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-03T03:41:55.000Z (almost 3 years ago)
- Last Synced: 2025-04-12T18:51:47.392Z (about 1 year ago)
- Topics: app, app-router-nextjs, caisy, cms, cms-backend, graphql, headless-cms, nextjs, nextjs13, router, tailwindcss
- Language: TypeScript
- Homepage: https://coursery.vercel.app/
- Size: 332 KB
- Stars: 7
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# 📚 Coursey
Coursey is a project to show powerful integration between [Caisy Headless CMS](https://app.caisy.io/app/signup/mwiyyiglk2er), [Next.js App router](https://nextjs.org/docs), [TailwindCSS](https://tailwindcss.com/#what-is-tailwind), and [GaphQL](https://graphql.org/).
## 💻 How to Set up
- Clone or fork this repository
- Change the directory to the `site` folder
- Install dependencies using the `npm install` or `yarn` command.
- Start the local development server using the `npm run dev` or `yarn dev` command.
> Please Note: This project uses [Caisy](https://app.caisy.io/app/signup/mwiyyiglk2er) as the back-end content management system. So, create an account with [Caisy](https://app.caisy.io/app/signup/mwiyyiglk2er) 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.
```shell
CAISY_PROJECT_ID=
CAISY_API_KEY=
```
## 🚀 Access the Deployed App
The application is deployed on Vercel, and you can start playing around with it.
> [Demo Application Deployed](https://coursery.vercel.app/)
# 🤲 Want to Motivate?
Who doesn't need motivation? Please give the project a star(⭐) and/or share it in your dev circle.
## Many Thanks to all the `Stargazers` who have supported this project with stars(⭐)
[](https://github.com/atapas/coursey/stargazers)
## 🍔 Tech Stack
The project uses the following technology stack:
- [Caisy Headless CMS](https://app.caisy.io/app/signup/mwiyyiglk2er) as a back-end data store.
- [Next.js App router](https://nextjs.org/docs) for the user interface implementation.
- [TailwindCSS](https://tailwindcss.com/#what-is-tailwind) for styling the app.
- [GaphQL](https://graphql.org/) as API endpoints
- [Vercel](https://vercel.com/) to deploy the app publicly.
## 🏗️ How to Build an App like Coursey?
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](https://blog.greenroots.info/create-an-e-learning-platform-using-caisy-graphql-nextjs-app-router)
## 🤝 Want to Contribute?
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](https://github.com/atapas/coursey/issues/new/choose) before working on any of the items. Also, please read the `CODE Of Conduct` and `Contributing` Guide added to the project.