Creating an app layout component

AdonisJS From Scratch

Getting Started
Fundamentals
Asset Management With Vite
Edge Template Engine
Working WIth Database
Coming Soon
1. CRUD with query builder
2. Setting up a database
3. Introduction to migrations
4. Creating the migration for the posts table
Lucid ORM
Coming Soon
1. What are Lucid models
2. Creating tag model and migration
3. Seeding database with tags
User Registration
Coming Soon
1. Modifying the user model and migration
2. Creating profile model and migration
3. Defining user and profile relationship
4. Creating the user sign up form
5. Understanding CSRF
6. Validating form data
7. Displaying validation errors
8. Displaying old form data upon validation failure
9. Custom form validation messages
10. Persisting form data
Authentication
Coming Soon
1. Displaying logged-in user details
2. Logging user out
3. Logging user in
4. Flashing and displaying session messages
5. Remember me
6. Redirect to intended URL
7. Social authentication
Middlewares
Coming Soon
1. Understanding how middleware works
2. Auth middleware
3. Guest middleware
4. Silent auth middleware
Edge Components
Coming Soon
1. Form components
2. Extracting dropdown into a component
3. Creating a button component
4. Creating a notification component
Creating New Posts
Coming Soon
1. Creating post model
2. Defining user and post relationship
3. Creating new posts
4. Making post slug unique
5. Adding a WYSIWYG editor
6. Uploading post cover image
7. Scheduling posts for later
Tagging Posts
Coming Soon
1. Creating the pivot table migration
2. Defining post and tag relationship
3. Tagging posts
Managing Posts
Coming Soon
1. Displaying user posts
2. Updating posts
3. Extract status functionality into a service
4. Deleting posts
Pagination, Filtering and Sorting
Coming Soon
1. Creating dummy data with factories
2. Pagination
3. Filtering posts by status
4. Filtering posts by comments
5. Sorting posts
User Settings
Coming Soon
1. Updating profile details
2. Creating an avatar component
3. Updating account details
4. Changing password
Blog
Coming Soon
1. Creating blog layout
2. Fetching blog owner
3. Displaying blog posts
4. Creating a markdown Edge helper
5. Displaying a single blog post
6. Filtering posts by tags
Post Comments
Coming Soon
1. Commenting on posts
2. Only logged-in users can comment on posts
3. Displaying post comments
4. Updating comments
5. Deleting comments
6. Subscribing to comment notifications
Events, Listeners and Mails
Coming Soon
1. Dispatching an event when a new comment is created
2. Sending new comment email notification to post author
3. Sending new comment email notifications to post subscribers
Background Jobs
Coming Soon
1. Installing the adonis-bull package
2. Sending emails in the background
Authorization
Coming Soon
1. Installing bouncer
2. Can edit posts
3. Can delete posts
4. Can edit comments
5. Can delete comments
Database Transactions and Query Scopes
Coming Soon
1. Query reusability with query ccope
2. Ensuring data integrity with database transactions
Preparing for Deployment
Coming Soon
1. Understanding the build process
2. Setting up a GitHub respository
3. Dockerizing AdonisJS application
Deployment
Coming Soon
1. Deploying to a VPS
2. Deploying to Render

AdonisJS From Scratch

Getting Started
Fundamentals
Asset Management With Vite
Edge Template Engine
Working WIth Database
Coming Soon
1. CRUD with query builder
2. Setting up a database
3. Introduction to migrations
4. Creating the migration for the posts table
Lucid ORM
Coming Soon
1. What are Lucid models
2. Creating tag model and migration
3. Seeding database with tags
User Registration
Coming Soon
1. Modifying the user model and migration
2. Creating profile model and migration
3. Defining user and profile relationship
4. Creating the user sign up form
5. Understanding CSRF
6. Validating form data
7. Displaying validation errors
8. Displaying old form data upon validation failure
9. Custom form validation messages
10. Persisting form data
Authentication
Coming Soon
1. Displaying logged-in user details
2. Logging user out
3. Logging user in
4. Flashing and displaying session messages
5. Remember me
6. Redirect to intended URL
7. Social authentication
Middlewares
Coming Soon
1. Understanding how middleware works
2. Auth middleware
3. Guest middleware
4. Silent auth middleware
Edge Components
Coming Soon
1. Form components
2. Extracting dropdown into a component
3. Creating a button component
4. Creating a notification component
Creating New Posts
Coming Soon
1. Creating post model
2. Defining user and post relationship
3. Creating new posts
4. Making post slug unique
5. Adding a WYSIWYG editor
6. Uploading post cover image
7. Scheduling posts for later
Tagging Posts
Coming Soon
1. Creating the pivot table migration
2. Defining post and tag relationship
3. Tagging posts
Managing Posts
Coming Soon
1. Displaying user posts
2. Updating posts
3. Extract status functionality into a service
4. Deleting posts
Pagination, Filtering and Sorting
Coming Soon
1. Creating dummy data with factories
2. Pagination
3. Filtering posts by status
4. Filtering posts by comments
5. Sorting posts
User Settings
Coming Soon
1. Updating profile details
2. Creating an avatar component
3. Updating account details
4. Changing password
Blog
Coming Soon
1. Creating blog layout
2. Fetching blog owner
3. Displaying blog posts
4. Creating a markdown Edge helper
5. Displaying a single blog post
6. Filtering posts by tags
Post Comments
Coming Soon
1. Commenting on posts
2. Only logged-in users can comment on posts
3. Displaying post comments
4. Updating comments
5. Deleting comments
6. Subscribing to comment notifications
Events, Listeners and Mails
Coming Soon
1. Dispatching an event when a new comment is created
2. Sending new comment email notification to post author
3. Sending new comment email notifications to post subscribers
Background Jobs
Coming Soon
1. Installing the adonis-bull package
2. Sending emails in the background
Authorization
Coming Soon
1. Installing bouncer
2. Can edit posts
3. Can delete posts
4. Can edit comments
5. Can delete comments
Database Transactions and Query Scopes
Coming Soon
1. Query reusability with query ccope
2. Ensuring data integrity with database transactions
Preparing for Deployment
Coming Soon
1. Understanding the build process
2. Setting up a GitHub respository
3. Dockerizing AdonisJS application
Deployment
Coming Soon
1. Deploying to a VPS
2. Deploying to Render

Locked video

Please enrol in the course or become Pro to watch this video.

Enrol to course

Are you already enrolled? Log in to continue learning.

Video

Previous Next

Let's create a base layout that our application will use, and we will create the layout as a component. Along the line, we cover Edge components.