Build a full-stack e-learning platform using caisy, GraphQL, and Next.js app router
Developers love to build. It is not always easy to build everything from scratch, especially when you have something available for FREE and an excellent tool to leverage.
I have discovered caisy very recently. It is a headless content management system you can use for FREE to store data and manage content most efficiently.
This video will teach you how to create a full-stack application with caisy as the backend data store, GraphQL as the API endpoint, Next.js as the framework for user interface development, and TailwindCSS for styling.
In the end, I will also teach you how to deploy this app end-to-end publicly on Vercel.
Let's GO ?
Timecodes
0:00 - Introduction to the video
00:54 - What are we going to build? What's the tech stack?
01:30 - An e-learning platform, how does it look like?
07:04 - What is a Content Management System(CMS)?
10:50 - What is Headless CMS? How is it different from Traditional CMS?
13:07 - The high-level architecture of our e-learning app.
15:09 - Introduction to caisy, an excellent headless CMS.
16:37 - How to create an organization and projects in caisy?
18:54 - What are blueprints in caisy? What are documents and components?
21:17 - How to create content in caisy?
27:16 - How to handle media assets(images) in caisy?
33:33 - How to create an API Key in caisy?
35:16 - How to interact with content in caisy using GraphQL playground?
39:15 - Create a Next.js project and set up GraphQL code.
51:15 - Build the e-learning app's user interface using Next.js App Router and GraphQL
1:20:01 - How to deploy the app publicly on Vercel?
1:21:16 - Wrapping up & What's Next?
## ? Important Links:
- Create a FREE account with Caisy: https://app.caisy.io/app/signup/mwiyyiglk2er
Note: Caisy is FREE for a project like this, and its plan is generous enough to build great projects. If you plan something really big and want to look into the pricing plans, you can use this special code 'tapascript' to get a 20% discount. Enjoy!
- The GitHub Repository with complete project code: https://github.com/atapas/coursey
If you like the work, please give the project a ⭐
- The deployed version of the app: https://coursery.vercel.app/
## ? My Links:
- Blog: https://blog.greenroots.info/
- Twitter: https://twitter.com/tapasadhikary
- LinkedIn: https://www.linkedin.com/in/tapasadhi...
- GitHub: https://github.com/atapas
## ? Like my work? Thank You. You can sponsor me from here:
- GitHub Sponsor: https://github.com/sponsors/atapas
- Sponsor my Blog: https://blog.greenroots.info/sponsor
## About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer who has vast experience in building SaaS solutions. He is a founder of the ReactPlay platform, which is driven by Open Source projects and a fast-growing community.
You can find more about him at https://tapasadhikary.com.
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Build a full-stack e-learning platform using caisy, GraphQL, and Next.js app router», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.