How I can add slides dynamicaly

[MuhammadSaim]

import Reveal from 'reveal.js';
import Appearance from 'reveal.js-appearance/plugin/appearance/appearance.esm';

let slideshow = new Reveal()
slideshow.initialize({
    width: "100%",
    height:"100%",
    autoSlide: 5000,
    controls: false,
    progress: false,
    loop: true,
    appearance: {
        hideagain: true,
        delay: 300,
        appearevent: 'slidetransitionend',
        autoappear: false,
        autoelements: false,
        csspath: '',
        animatecsspath: {
            link : 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css',
            compat : 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.compat.css',
        },
        compatibility: false,
        compatibilitybaseclass: 'animated'
    },
    plugins: [Appearance]
});


setInterval(() => {

    let url = $("#slides-status").data('url');

    $.ajax({
       url: url,
        success: (data) => {
            if(data.data.length > 0){
                data.data.map((d) => {
                    slideshow.add(d);
                });
                slideshow.sync();
            }
        }
    });


}, 5000);

[Martinomagnifico]

When you use Markdown, you can easily import external Markdown files. That is built into the Reveal.js Markdown plugin.

For HTML, there is a (third-party) plugin that allows you to load slides dynamically: https://github.com/janschoepke/reveal_external