Payload CMS - Headless CMS with Vue - Getting Current User and Cookies
In this video series, we will set up Payload CMS Headless CMS, create a Customers collection, log in as a Customer, create an account as a Customer. Then build a simple vuejs website that can log in using the API created by PayloadCMS and finally look at the changes needed to go from website to mobile application with Ionic Framework.
In this video, Part 2, we will handle checking for existing user's session and discussing the payload-token cookies that is being used.
Payload CMS - The best way to build a modern backend + admin UI. No black magic, all TypeScript, and fully open-source, Payload is both an app framework and a headless CMS. @payloadcms
Ionic Framework - The mobile SDK for the Web.
An open-source mobile UI toolkit for building modern, high-quality cross-platform mobile apps from a single code base in React.Vue.Angular. @IonicFramework
The Series
==========
Part 1 will take us from setting up the project through logging in with Customer collection from a vuejs web application - • Payload CMS - Headless CMS with Vue -...
Part 2 will handle checking for existing user's session, and discussing cookies - • Payload CMS - Headless CMS with Vue -...
Part 3 - Creating a user/customer account - • Payload CMS - Headless CMS with Vue -...
Part 4 - Get the application deployed on IOS and Android devices - • Payload CMS - Headless CMS with Vue -...
💥 Sign Up For Our Newsletter - https://buff.ly/3lAk2jL
💥 Chapters
--------------------------
00:00 Introduction - Working with http-only cookies, getting current user
01:25 Modifying Code in Home Page to Check for User
05:30 Checking onMount in HomePage.vue for the user
10:21 Adding Credentials Included to Ensure we get the cookies/credentials
11:48 Checking for Cookie in Browser's Chrome Developer Tools
13:22 Setting CORS and CSRF in payload.config.ts
💥 Links
--------------------------
- Payload CMS - https://payloadcms.com/
- MongoDB Atlas - https://www.mongodb.com/atlas/database
- MongoDB Compass - https://www.mongodb.com/products/tool...
- Ionic Framework - https://ionicframework.com/
🚀 SOURCE CODE - https://github.com/aaronksaunders/pay...
🚀 BLOG POST - Coming Soon
💥 Social Media
--------------------------
Twitter - / aaronksaunders
Facebook - / clearlyinnovativeinc
Instagram - / aaronksaunders
Dev.to - https://dev.to/aaronksaunders
#payloadcms #vue #ionic #typescript #cms #nuxtjs
