Payload CMS - Headless CMS with Vue - Creating Customer Accounts
In this video series, we will set up PayloadCMS 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 3, we show how to create a new user account and we do some refactoring on the API method calls
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
00:52 Modify Customer Collection Access To Allow Create
02:47 Creating the SignUp Page
05:31 Adding Ionic DateTimeButton to CaptureBirthday
08:45 Writing HandleSignUp Function
11:40 Testing Signup UI, Minor Edits
13:02 Testing Signup Functionality
14:50 Signup Works Fine, But Doesn't Login User
15:35 Refactor To Include AuthService
21:44 Testing Complete SignUp Process with Login
23:01 Wrap Up
💥 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 #mongodb
Watch video Payload CMS - Headless CMS with Vue - Creating Customer Accounts online without registration, duration hours minute second in high quality. This video was added by user Aaron Saunders 26 September 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,69 once and liked it 2 people.