Giter Club home page Giter Club logo

filament-seo's Introduction

SEO field for filament admin panel

SEOFieldHeader

  • This package is a convenient helper for using the laravel-seo package with Filament Admin and Forms , please check it for more information about how to set up the SEO logic in your project.

  • It provides a simple component that returns a Filament field group for any language you want to modify the title, description, keywords, follow type fields of the SEO model.

  • It automatically takes care of getting and saving all the data to the seo relationship, and you can thus use it anywhere, without additional configuration!

FieldExample

Installation

You can install the package via composer:

composer require 34ml/filament-seo

You need to publish the config file where you can specify the languages you want to use:

php artisan vendor:publish --tag="filament-seo-config"

The config file will look like this:

<?php

return [
    'locales' => [ //Add your locales here
        'en',
        'ar',
        'fr',
    ],
];

You need also to publish the migration file to create the seo table from the laravel-seo package:

php artisan vendor:publish --tag="seo-migrations"
php artisan migrate

Usage

  • Sample usage in filament forms:
use _34ml\SEO\SEOField;

public static function form(Form $form): Form
{
    return $form->schema([
        ...SEOField::make(),
       // Your other fields
    ]);
}
  • You can add callbacks to add any additional fields you want to the SEO field group:
use _34ml\SEO\SEOField;

public static function form(Form $form): Form
{
    return $form->schema([
        ...SEOField::make(
            callbacks: function() {
                return $this->collapsible(),
            }
        ),
       // Your other fields
    ]);
}

Credits

License

The MIT License (MIT). Please see License File for more information.

filament-seo's People

Contributors

aessam13 avatar samir34ml avatar dependabot[bot] avatar github-actions[bot] avatar mostafahassan1 avatar

Stargazers

Artem Perehon avatar Habib Talib avatar  avatar Mostafa Akram avatar  avatar MEHDI avatar

Watchers

 avatar  avatar

Forkers

habibtalib

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.