Laravel PDF Magic: From Dynamic Views to Beautiful PDFs with Spatie Browsershot

Поделиться
HTML-код
  • Опубликовано: 28 сен 2024

Комментарии • 56

  • @wormy_coder
    @wormy_coder 15 дней назад

    It's pretty cool I guess I would try that Library. Another Cool Video. Please keep it up

    • @glennraya
      @glennraya  15 дней назад

      @@wormy_coder thank you! 🙏

  • @yoelyanesdoynga7795
    @yoelyanesdoynga7795 2 месяца назад +2

    Is it necessary to store PDF files on the server? Can we use something like stream() in dompdf so that the PDF files don't need to be stored?

    • @glennraya
      @glennraya  2 месяца назад +1

      Hi, yes definitely. You can also directly download PDFs or open it in a new browser tab. You don't have to necessarily save it on the server.

  • @ronaldngarombo1026
    @ronaldngarombo1026 3 месяца назад +1

    Hello, could you please show how we could set up this on a linux production server? A week ago I used this package and everything was perfect on local during development. But it was a nightmare when it came to using it in production unit I had to abandon it and use Dompdf instead.

    • @glennraya
      @glennraya  3 месяца назад

      I will consider it, make sure your production server meets the requirements for Browsershot by checking their documentation since not all servers are configured the same. You may also refer to puppeteer's docs: pptr.dev/troubleshooting#chrome-doesnt-launch-on-linux. And also Spatie's requirement guide: spatie.be/docs/browsershot/v4/requirements#content-custom-node-and-npm-binaries

  • @DimpyIOS
    @DimpyIOS 2 месяца назад +1

    Could you please provide me with the settings.json file that looks fabulous?

    • @glennraya
      @glennraya  2 месяца назад +1

      Here's all my settings (github.com/glennraya/vscode-settings-json), you can install "Custom CSS and JS Loader" vscode extension, I made some mods to it since this video, you can refer to my latest video (ruclips.net/video/y1bj5xBl8Ag/видео.html) on this channel to see how it looks.

  • @benedettosciuto6924
    @benedettosciuto6924 3 месяца назад +1

    can Laravel PDF Magic repeat header and footer on every page?

    • @glennraya
      @glennraya  3 месяца назад

      Spatie's Browsershot package doesn't directly support including the header on every succeeding page, however, you may achieve the repeating header effect by experimenting with custom CSS, like setting the header with a fixed positioning so it "could" appear on every page.

  • @elrincondeisma
    @elrincondeisma 3 месяца назад +1

    Tailwindui library? I see a beatiful dashboard.

    • @glennraya
      @glennraya  3 месяца назад +4

      No, it's not tailwindUI. I made it myself, though it was inspired by the Arc browser UI, and the date range picker is from nextUI. Thanks

    • @scherzer6428
      @scherzer6428 3 месяца назад

      @@glennraya Can you make a video about the dashboard

    • @glennraya
      @glennraya  3 месяца назад

      ​@@scherzer6428 I don't think making a video about the dashboard is going to bring much value to people haha. Thanks for the compliment. However, I will upload a new video tomorrow, creating advanced, Google like search engine for one's projects.

  • @ajmal7247
    @ajmal7247 3 месяца назад

    Can you share the source code?

    • @glennraya
      @glennraya  3 месяца назад

      Yes sure, I'll push it to github and linked on the description.

    • @glennraya
      @glennraya  3 месяца назад

      github.com/glennraya/browsershot

    • @ajmal7247
      @ajmal7247 3 месяца назад

      @@glennraya i got the below error when i generate pdf in windows.I already have node installed in the system.How can i solve this
      The command "node "D:\wamp64\www\browsershot\vendor\spatie\browsershot\src/../bin/browser.cjs" "{""url"":""file:\/\/C:\\Users\\Ajmal\\AppData\\Local\\Temp\\896216291-0639441001719154368\\index.html"",""action"":""pdf"",""options"":{""path"":""D:\\wamp64\\www\\browsershot\\storage\\\/app\/reports\/example.pdf"",""args"":[],""viewport"":{""width"":800,""height"":600},""displayHeaderFooter"":false,""margin"":{""top"":""4mm"",""right"":""0mm"",""bottom"":""4mm"",""left"":""0mm""},""format"":""A4"",""printBackground"":true}}"" failed. Exit Code: 1(General error) Working directory: D:\wamp64\www\browsershot\public Output: ================ Error Output: ================ 'node' is not recognized as an internal or external command, operable program or batch file.

  • @thierrykonan1050
    @thierrykonan1050 2 месяца назад +1

    hi, thanks for the package , Often, we want to stream the PDF ... you didn't mention that part

    • @glennraya
      @glennraya  2 месяца назад +1

      Correct, I should've streamed it. But anyway, this video is about generating PDFs. Next time I'll carefully consider things when making a video. Thanks.

    • @thierrykonan1050
      @thierrykonan1050 Месяц назад +1

      @@glennraya thanks, 👌

  • @StevenTohme
    @StevenTohme 2 месяца назад +2

    Your vscode theme looks super dope! What'd you use to make it look like this?

    • @glennraya
      @glennraya  2 месяца назад

      I used the "Custom CSS and JS Loader" extension in order to customize some parts of the interface. You can define your styles in CSS to modify VSCode's UI.

  • @yoskokleng3658
    @yoskokleng3658 3 месяца назад +1

    how about laravel print automatic to printer witout pop up print screen in browser through javascript (window.print). i mean print it automatic from server side (silent print). please make this tutorial .

    • @glennraya
      @glennraya  3 месяца назад

      @@yoskokleng3658 I don't think that's possible on a web interface. Maybe some form of dirty hack would do.

  • @mon_codes
    @mon_codes 3 месяца назад +1

    thanks idol, u have my sub

  • @yoskokleng3658
    @yoskokleng3658 3 месяца назад +1

    what's framework for css ? if i can think of the style of report design like u. my customer would love me 🤣😭

    • @glennraya
      @glennraya  3 месяца назад

      @@yoskokleng3658 I use tailwindcss for the css framework.

  • @inamrasluzd6524
    @inamrasluzd6524 3 месяца назад +1

    OMG this is what I have been looking for! Thanks for posting.

    • @glennraya
      @glennraya  3 месяца назад +1

      You're welcome, In a couple of minutes I'll be posting a new video about advanced searching with Laravel Scout (Meilisearch).

  • @jimmyarb7767
    @jimmyarb7767 3 месяца назад +1

    Sir Glenn i found difficulty in production there is an error in node any advice to fix it.

    • @glennraya
      @glennraya  3 месяца назад

      What node version are you using? Puppeteer requires node version 18 and up.

    • @ronaldngarombo1026
      @ronaldngarombo1026 3 месяца назад

      @@glennraya I personally was using node 22 but face the error @jimmyarb7767 is probably referring to. Issue was with node and puppeteer

  • @wuba6977
    @wuba6977 3 месяца назад +1

    Does it support all browsers?

    • @glennraya
      @glennraya  3 месяца назад

      Yes, it supports all modern browsers.

  • @christiancolewan
    @christiancolewan 2 месяца назад

    How do Spatie Browsershot and DomPDF compare in terms of efficiency and speed for generating PDFs?

    • @glennraya
      @glennraya  2 месяца назад +1

      I think DomPDF is faster than Browsershot because Browsershot uses puppeteer which is a node library, but IMO Browsershot can generate PDFs more accurately than DomPDF (and the API is easier too).

  • @pembatamang5716
    @pembatamang5716 2 месяца назад +2

    Symfony \ Component\ Process \ Exception\ ProcessFailedException. the error occured. idk is this the window issue or what.

    • @ssodoloufo
      @ssodoloufo 2 месяца назад

      I think this package only works for MacOs users, not Windows or Linux.

  • @nilanjanchakraborty2694
    @nilanjanchakraborty2694 2 месяца назад

    theme name please?

    • @glennraya
      @glennraya  2 месяца назад

      Hi, which theme you're asking? VS Code's or the dashboard's?

    • @nilanjanchakraborty2694
      @nilanjanchakraborty2694 2 месяца назад

      @@glennraya vs code

    • @glennraya
      @glennraya  2 месяца назад

      @@nilanjanchakraborty2694 The theme itself is "Palenight", but my VS Code's UI is modified beyond what themes can give you, you can use "Custom CSS and JS Loader" extension to modify VS Code's UI extensively. After installing the plugin you can try my current settings: github.com/glennraya/vscode-settings-json

  • @dark-time-programer3306
    @dark-time-programer3306 26 дней назад

    very good explanation

  • @kaiserdianalan7059
    @kaiserdianalan7059 3 месяца назад

    Huui nakikita kita sa programmer code posting

    • @glennraya
      @glennraya  3 месяца назад

      FB group po pa yun? haha

  • @junjungaming855
    @junjungaming855 2 месяца назад

    ang galing niyo po

    • @glennraya
      @glennraya  2 месяца назад

      ahaha, salamat 😀

  • @rondevPH
    @rondevPH 3 месяца назад

    hard to implement on windows

    • @emmanuelsiziba5142
      @emmanuelsiziba5142 3 месяца назад

      I agree with you

    • @glennraya
      @glennraya  3 месяца назад

      @@rondevPH Really? I couldn't try it, I don't have a windows machine. 😅

    • @rondevPH
      @rondevPH 3 месяца назад +1

      @@glennraya good for you. That is why dompdf is the only way😅

    • @JavierHernandez-jg3wo
      @JavierHernandez-jg3wo 3 месяца назад

      I'm trying to get it to work with laragon on windows but I can't figure out how to get it to work.

    • @glennraya
      @glennraya  3 месяца назад

      @@rondevPH hmm, can't tell for sure, Browsershot docs doesn't mention any incompatibility with Windows.