<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Gibran B</title>
    <description>The latest articles on DEV Community by Gibran B (@gibranbadrulz).</description>
    <link>https://dev.to/gibranbadrulz</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F900509%2F3daaf2b0-17e4-4dd3-93ad-7ecb5058bd6e.jpeg</url>
      <title>DEV Community: Gibran B</title>
      <link>https://dev.to/gibranbadrulz</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/gibranbadrulz"/>
    <language>en</language>
    <item>
      <title>Lorem Ipsum</title>
      <dc:creator>Gibran B</dc:creator>
      <pubDate>Wed, 10 Aug 2022 04:11:00 +0000</pubDate>
      <link>https://dev.to/gibranbadrulz/lorem-ipsum-5f8o</link>
      <guid>https://dev.to/gibranbadrulz/lorem-ipsum-5f8o</guid>
      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eget est lorem ipsum dolor sit amet. Auctor neque vitae tempus quam pellentesque nec nam. Mauris ultrices eros in cursus turpis. Pretium nibh ipsum consequat nisl vel pretium lectus. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Nisl condimentum id venenatis a condimentum vitae sapien. Pretium nibh ipsum consequat nisl vel pretium lectus quam. Sit amet mauris commodo quis imperdiet massa tincidunt nunc. Massa tincidunt nunc pulvinar sapien et. Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio eu.&lt;/p&gt;

&lt;h2&gt;
  
  
  Lorem Ipsum
&lt;/h2&gt;

&lt;p&gt;Auctor eu augue ut lectus arcu bibendum. Blandit aliquam etiam erat velit scelerisque in dictum non. Ultrices neque ornare aenean euismod elementum. Suspendisse sed nisi lacus sed. Blandit aliquam etiam erat velit scelerisque in dictum. Rhoncus est pellentesque elit ullamcorper dignissim cras. Gravida arcu ac tortor dignissim convallis aenean et tortor. Turpis nunc eget lorem dolor sed viverra. Donec massa sapien faucibus et. Consectetur adipiscing elit duis tristique sollicitudin nibh. At ultrices mi tempus imperdiet nulla malesuada. Nulla &lt;code&gt;pellentesque dignissim&lt;/code&gt; enim sit amet. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Vulputate eu scelerisque felis imperdiet proin fermentum leo vel.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;Porta lorem mollis aliquam ut porttitor leo.
Dui vivamus arcu felis bibendum. Vitae semper quis lectus nulla.
Urna neque viverra justo nec.
Nibh mauris cursus mattis molestie a.
Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit.
Pellentesque habitant morbi tristique senectus et.

Odio ut enim blandit volutpat maecenas volutpat blandit aliquam. Amet tellus cras adipiscing enim. Nec feugiat nisl pretium fusce id.

Tempus urna et pharetra pharetra massa massa ultricies. Sollicitudin nibh sit amet commodo. Sed cras ornare arcu dui vivamus arcu felis. Sagittis vitae et leo duis ut.
Facilisi morbi tempus iaculis urna id volutpat lacus laoreet non. Id venenatis a condimentum vitae. Mus mauris vitae ultricies leo integer.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;code&gt;Non nisi est sit amet&lt;/code&gt; facilisis magna. Nunc mattis enim ut tellus elementum sagittis vitae et leo. Fusce ut placerat orci nulla. Et tortor consequat id porta nibh. Neque volutpat ac tincidunt vitae semper quis. Auctor urna nunc id cursus metus aliquam eleifend. In nulla posuere sollicitudin aliquam. Semper eget duis at tellus at urna condimentum mattis pellentesque. Sit amet aliquam id diam maecenas ultricies mi eget mauris. Volutpat maecenas volutpat blandit aliquam etiam erat velit.&lt;/p&gt;




&lt;p&gt;Id venenatis a &lt;u&gt;condimentum vitae sapien pellentesque habitant&lt;/u&gt;. &lt;strong&gt;Turpis&lt;/strong&gt; nunc eget lorem dolor sed viverra ipsum. In aliquam sem fringilla ut morbi tincidunt augue interdum. Nunc pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Et netus et malesuada fames ac turpis. Diam phasellus vestibulum lorem sed risus ultricies tristique. Massa placerat duis ultricies lacus sed turpis tincidunt. Magna fringilla urna porttitor rhoncus dolor. Placerat in egestas erat imperdiet sed euismod nisi porta lorem. Sed arcu non odio euismod lacinia at quis risus. Sed cras ornare arcu dui vivamus. Risus viverra adipiscing at in tellus integer feugiat scelerisque. Consectetur a erat nam at lectus. In nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque. Neque viverra justo nec ultrices dui. Cursus mattis molestie a iaculis.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Varius vel pharetra vel turpis nunc eget lorem dolor sed.&lt;/em&gt; Eu sem integer vitae justo eget magna. Amet facilisis magna etiam tempor orci eu. Mauris cursus mattis molestie a iaculis. Adipiscing at in tellus integer. &lt;em&gt;Blandit massa enim nec dui nunc mattis enim. Donec ultrices tincidunt arcu non sodales. Pharetra diam sit amet nisl suscipit adipiscing&lt;/em&gt;. Massa enim nec dui nunc mattis. A lacus vestibulum sed arcu. Id aliquet risus feugiat in ante metus dictum at tempor. Libero id faucibus nisl tincidunt. Facilisis mauris sit amet massa vitae. At varius vel pharetra vel turpis. Hendrerit gravida rutrum quisque non tellus orci ac. Neque vitae tempus quam pellentesque nec nam aliquam. Suscipit adipiscing bibendum est ultricies integer. Donec ac odio tempor orci dapibus ultrices in iaculis nunc. Malesuada nunc vel risus commodo viverra maecenas accumsan lacus. Sem fringilla ut morbi tincidunt augue interdum velit euismod in.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Phasellus egestas tellus rutrum tellus pellentesque eu. Est sit amet facilisis magna. Rhoncus dolor purus non enim praesent elementum facilisis leo. Ac orci phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Hac habitasse platea dictumst vestibulum. Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque. Ut lectus arcu bibendum at varius vel. Malesuada pellentesque elit eget gravida cum. Tortor vitae purus faucibus ornare. Volutpat est velit egestas dui id ornare. Scelerisque eu ultrices vitae auctor eu. Libero justo laoreet sit amet cursus sit. Malesuada proin libero nunc consequat. Ullamcorper malesuada proin libero nunc consequat interdum varius sit amet. Urna condimentum mattis pellentesque id nibh tortor id aliquet lectus.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  Lorem Ipsum
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--eMW6xBwN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dm1q7meyy8lcmpnzz22t.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--eMW6xBwN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dm1q7meyy8lcmpnzz22t.png" alt="Lorem Ipsum" width="880" height="309"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Scelerisque viverra mauris in aliquam sem fringilla ut morbi. Libero justo laoreet sit amet cursus sit amet dictum. Eget est lorem ipsum dolor sit. Nisi porta lorem mollis aliquam ut. Penatibus et magnis dis parturient.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Lorem Ipsum&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;em&gt;Lorem Ipsum&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;&lt;u&gt;Lorem Ipsum&lt;/u&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://https://en.wikipedia.org/wiki/Lorem_ipsum"&gt;Lorem Ipsum&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;Lorem Ipsum&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;del&gt;Lorem Ipsum&lt;/del&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Aliquet nec ullamcorper sit amet risus nullam. Eleifend quam adipiscing vitae proin sagittis. In pellentesque massa placerat duis ultricies lacus sed turpis. Duis ultricies lacus sed turpis tincidunt id aliquet. Facilisis sed odio morbi quis. Ultricies mi eget mauris pharetra et ultrices neque ornare. Eget mauris pharetra et ultrices neque ornare aenean euismod elementum. Sagittis nisl rhoncus mattis rhoncus urna neque viverra justo nec. Nullam vehicula ipsum a arcu cursus vitae congue mauris rhoncus. Ornare arcu odio ut sem nulla pharetra diam sit.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Odio ut sem nulla pharetra diam sit amet nisl. Massa vitae tortor condimentum lacinia quis vel eros donec. Diam maecenas sed enim ut. At ultrices mi tempus imperdiet nulla malesuada pellentesque. Turpis egestas sed tempus urna et pharetra pharetra. Mattis molestie a iaculis at erat pellentesque adipiscing commodo. Ut eu sem integer vitae justo eget magna fermentum iaculis. Semper feugiat nibh sed pulvinar proin gravida hendrerit. Egestas egestas fringilla phasellus faucibus. At ultrices mi tempus imperdiet nulla malesuada. In nulla posuere sollicitudin aliquam ultrices sagittis. Non sodales neque sodales ut etiam sit amet. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Aliquet porttitor lacus luctus accumsan tortor. Enim blandit volutpat maecenas volutpat blandit aliquam etiam. Eleifend donec pretium vulputate sapien. Turpis cursus in hac habitasse platea dictumst quisque. Ac felis donec et odio. Magna sit amet purus gravida.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Lobortis feugiat vivamus at augue eget arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada. Eget arcu dictum varius duis at consectetur lorem donec. Urna molestie at elementum eu facilisis sed odio morbi. Malesuada bibendum arcu vitae elementum curabitur vitae nunc sed. Rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Mi bibendum neque egestas congue quisque. Tempor orci eu lobortis elementum nibh tellus molestie nunc. In cursus turpis massa tincidunt dui ut ornare. Quam elementum pulvinar etiam non quam lacus suspendisse. Feugiat nibh sed pulvinar proin gravida. Suspendisse sed nisi lacus sed viverra. Libero id faucibus nisl tincidunt. At lectus urna duis convallis convallis.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Test 2</title>
      <dc:creator>Gibran B</dc:creator>
      <pubDate>Thu, 04 Aug 2022 16:51:00 +0000</pubDate>
      <link>https://dev.to/gibranbadrulz/test-2-5493</link>
      <guid>https://dev.to/gibranbadrulz/test-2-5493</guid>
      <description>&lt;ul&gt;
&lt;li&gt;lalalalalala &lt;a href="https://google.com"&gt;Link&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;lalalalalala &lt;a href="https://stackoverflow.com/questions/70553760/how-to-style-child-elements-with-vanilla-extract"&gt;Link&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;lalalalalala &lt;a href="https://stackoverflow.com/questions/70553760/how-to-style-child-elements-with-vanilla-extract"&gt;Link&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;lalalalalala &lt;a href="https://stackoverflow.com/questions/70553760/how-to-style-child-elements-with-vanilla-extract"&gt;Link&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://stackoverflow.com/questions/70553760/how-to-style-child-elements-with-vanilla-extract"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Bold&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Italic&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;u&gt;Underline&lt;/u&gt;&lt;/p&gt;

&lt;p&gt;&lt;del&gt;Strike&lt;/del&gt;&lt;/p&gt;




&lt;blockquote&gt;
&lt;p&gt;quote&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;code&gt;docker exec -it asd21138uasd rm -rf&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;block code
var
var
var
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis enim sit amet lacus mattis tincidunt. Morbi elementum varius est, et euismod ex luctus a. Etiam pharetra, elit sed cursus gravida, enim ipsum dapibus mi, eget laoreet elit ex a quam. Mauris euismod et elit ornare finibus. Ut ultrices mauris eu nisl tempor finibus. Nulla elementum felis sed justo bibendum, non elementum velit vestibulum. Curabitur sagittis, lacus eget dapibus varius, dui ipsum eleifend eros, et posuere quam metus et quam. Nam non est condimentum, euismod metus ac, rutrum sem. Morbi ornare tortor libero, nec ultrices nunc aliquam in. Aliquam mollis scelerisque varius. Pellentesque in ultrices nibh.&lt;/p&gt;

&lt;p&gt;&lt;code&gt;Lorem Ipsum&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Donec fermentum libero et tortor bibendum bibendum. Mauris nec ullamcorper arcu. Duis metus ante, porta vel pretium in, dapibus et sapien. Aenean rhoncus quam et varius viverra. Proin fringilla sit amet ex ac venenatis. Nam at augue nec sapien convallis facilisis ut nec tellus. Fusce gravida feugiat sagittis. Suspendisse pellentesque elit nisi, vehicula convallis nulla cursus a. In euismod dictum lectus eu facilisis. Sed fringilla turpis a pulvinar dapibus. Cras non est vehicula, aliquet arcu feugiat, pharetra nulla. Praesent in velit congue, tempor neque quis, malesuada purus. Sed metus nisl, commodo auctor ipsum sit amet, consectetur aliquet massa. Sed faucibus &lt;code&gt;fermentum&lt;/code&gt; ligula, sit amet mattis augue dictum at. Maecenas sodales mattis porta. Donec ultrices gravida tristique.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3c3Y6o-m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4tdj2b6vkn3clw15o3va.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3c3Y6o-m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4tdj2b6vkn3clw15o3va.png" alt="Image description" width="880" height="495"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Orchestrate your Laravel application with Docker Swarm</title>
      <dc:creator>Gibran B</dc:creator>
      <pubDate>Mon, 01 Aug 2022 15:17:00 +0000</pubDate>
      <link>https://dev.to/gibranbadrulz/orchestrate-your-laravel-application-with-docker-swarm-5ch4</link>
      <guid>https://dev.to/gibranbadrulz/orchestrate-your-laravel-application-with-docker-swarm-5ch4</guid>
      <description>&lt;p&gt;In the previous articles we have managed architecture for High Availability applications with Docker using GlusterFS Replicated Volume. Now it’s time to get into more specifics by Orchestrate Laravel application with Docker Swarm and then test if this setup is resilient to VM failure.&lt;/p&gt;

&lt;h3&gt;
  
  
  Heading-1
&lt;/h3&gt;

&lt;p&gt;We’re going to create a new docker image for the Laravel Project, and then define the entire stack configuration in a Docker Compose file that contains some services including the App/Laravel, Nginx, and MySQL database.&lt;/p&gt;




&lt;h2&gt;
  
  
  Heading-2 Why who Why whoo Whooooooooooo
&lt;/h2&gt;

&lt;p&gt;For those who don’t know what Docker is, let’s enjoy a brief overview. According to opensource.com:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Docker is a tool designed to make it easier to create, deploy, and run applications by using containers. Containers allow a developer to package up an application with all of the parts it needs, such as libraries and other dependencies, and ship it all out as one package.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Field&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;client_token&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;This is the token that the client uses to authenticate with Vault&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;accessor&lt;/td&gt;
&lt;td&gt;An identifier or alias for the token&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;value&lt;/td&gt;
&lt;td&gt;This field can contain the actual secret being sent as a response&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight docker"&gt;&lt;code&gt;&lt;span class="c"&gt;#Dockerfile&lt;/span&gt;

&lt;span class="k"&gt;COPY&lt;/span&gt;&lt;span class="s"&gt; laravel-app/composer.lock /var/www/&lt;/span&gt;
&lt;span class="k"&gt;COPY&lt;/span&gt;&lt;span class="s"&gt; laravel-app/composer.json /var/www/&lt;/span&gt;

&lt;span class="k"&gt;WORKDIR&lt;/span&gt;&lt;span class="s"&gt; /var/www&lt;/span&gt;

&lt;span class="k"&gt;RUN &lt;/span&gt;apt-get update &lt;span class="o"&gt;&amp;amp;&amp;amp;&lt;/span&gt; apt-get &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; &lt;span class="se"&gt;\
&lt;/span&gt;    build-essential libpng-dev libjpeg62-turbo-dev &lt;span class="se"&gt;\
&lt;/span&gt;    libfreetype6-dev locales zip jpegoptim optipng pngquant gifsicle &lt;span class="se"&gt;\
&lt;/span&gt;    vim unzip git curl

&lt;span class="k"&gt;RUN &lt;/span&gt;apt-get clean &lt;span class="o"&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span class="nb"&gt;rm&lt;/span&gt; &lt;span class="nt"&gt;-rf&lt;/span&gt; /var/lib/apt/lists/&lt;span class="k"&gt;*&lt;/span&gt;

&lt;span class="k"&gt;RUN &lt;/span&gt;docker-php-ext-install pdo_mysql mbstring zip exif pcntl
&lt;span class="k"&gt;RUN &lt;/span&gt;docker-php-ext-configure gd &lt;span class="nt"&gt;--with-gd&lt;/span&gt; &lt;span class="nt"&gt;--with-freetype-dir&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;/usr/include/ &lt;span class="nt"&gt;--with-jpeg-dir&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;/usr/include/ &lt;span class="nt"&gt;--with-png-dir&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;/usr/include/
&lt;span class="k"&gt;RUN &lt;/span&gt;docker-php-ext-install gd

&lt;span class="k"&gt;RUN &lt;/span&gt;curl &lt;span class="nt"&gt;-sS&lt;/span&gt; https://getcomposer.org/installer | php &lt;span class="nt"&gt;--&lt;/span&gt; &lt;span class="nt"&gt;--install-dir&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;/usr/local/bin &lt;span class="nt"&gt;--filename&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;composer
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight tsx"&gt;&lt;code&gt;&lt;span class="c1"&gt;// Tsx file&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="k"&gt;as&lt;/span&gt; &lt;span class="nx"&gt;React&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;react&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="kr"&gt;interface&lt;/span&gt; &lt;span class="nx"&gt;ButtonProps&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;children&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;React&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;ReactNode&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;Button&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;props&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;ButtonProps&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;button&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;props&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;children&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;button&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="nx"&gt;Button&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;displayName&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Button&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;We’re going to create a new docker image for the Laravel Project, and then define the entire stack configuration in a Docker Compose file that contains some services including the App/Laravel, Nginx, and MySQL database.&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
