How to Easily Create Custom Laravel Nova Fields - Advanced Laravel Nova Tutorial

In this tutorial, we will explore how to create custom Laravel Nova fields. Laravel Nova offers a wide range of predefined fields for your admin panel, but there might be specific requirements for your project that are not covered by the default fields. By creating custom fields, you can define and incorporate fields that are unique to your application.
We will start by setting up a basic Laravel Nova application and creating a simple resource. Then, we will dive into the process of defining custom fields using the Nova CLI command. We will explore the generated files and directories and understand their roles in creating custom fields.
Next, we will focus on a specific example: creating a custom Markdown editor field. We will install the necessary Vue package, configure the field's toolbar and options, and customize its appearance and behavior. Along the way, we will learn how to use the various components generated by Laravel Nova to display and interact with the custom field.
Throughout the tutorial, we will cover important concepts such as data binding, component communication, and field configuration. By the end of this tutorial, you will have a solid understanding of how to create custom Laravel Nova fields and unleash the full potential of your admin panel.
🧑🏼‍💻 Need a Laravel agency?
Do you need assistance with your next project in Laravel? Contact my Laravel agency for help: www.codewithdary.com
📚 New Udemy Course
If you're looking to level up your Laravel skills? My new course "Mastering Laravel 10 Query Builder, Eloquent & Relationships" is the perfect opportunity. Learn the essential tools and techniques for building robust and scalable web applications with Laravel: www.udemy.com/course/masterin...
💌 Newsletter
Sign up for my free weekly email newsletter: newsletter.codewithdary.com/
🔥 Resources
- Twitter: / codewithdary
- Instagram: / codewithdary
- Blog: blog.codewithdary.com/
- Patreon: www.patreon.com/user?u=30307830
- GitHub: github.com/codewithdary/nova-...
- TikTok: / codewithdary
⌛Timestamps
00:00 - Introduction
01:59 - Creating a Composer Package
04:12 - Package Files / Folders Overview
10:38 - Working on The Markdown Package Functionalities
17:19 - How to Set & Persist Field Data
20:19 - Hiding the Description Globally On The Index
21:46 - Custom Styling
22:39 - Outro
#laravel #codewithdary #nova #php #coding

[@mohamedabdelsattar3266]

we love the smooth clear way u explain nova and other laravel topics
but Dary, there is one thing i think we are sooo excited to know and am sure it's not just me
u see nova developers have one annoying issue which is HMR when creating custom fields, tools, cards etc...
u know styling is a pain when u have to refresh the page everytime just to monitor changes using NPM run watch
i've looked up every where and no one is actually teaching or at least saying whether its possible or not

[@user-yd5sn2fj2t]

Очень крутой курс по laravel nova! Спасибо за твою работу!

[@andycx2]

A video on Nova custom tools and Resource tools would be good. The ones that exist already are very basic.

[@codewithdary]

Thank you :)

[@tesfayebeyene3030]

Great content as always! Do you think you can make as a video where we can use user registration system integration of Nova with Jetstream. Moreover, I am very interested integrating Nova with multitenancy applications esp with tenancy for Laravel. I really appreciate if you make a video on these.

[@someguyO2W]

All this to add a single field?

[@codewithdary]

Custom fields, yes :)

[@sergeisurin2963]

👍🙏

[@codewithdary]