The latest articles on DEV Community by Christopher Makombe (@swiftlybox). https://dev.to/swiftlybox https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F951517%2Fe6f4bdfe-7047-49ca-a58c-c3a1c7bbcf08.png https://dev.to/swiftlybox en Christopher Makombe Fri, 21 Oct 2022 19:05:47 +0000 https://dev.to/swiftlybox/how-to-add-bulma-into-your-nextjs-web-app-365h https://dev.to/swiftlybox/how-to-add-bulma-into-your-nextjs-web-app-365h <p>First of all create the application using npm or yarn<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>npx create-next-app yarn create-next-app </code></pre> </div> <p>Second Thing is To READ the documentation of <a href="https://bulma.io/">Bulma.io</a></p> <p>Install Bulma into your app<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>npm install bulma </code></pre> </div> <p>Just like how you import the bootstrap package in your _app.jsx .Do That with Bulma<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>import "bulma/css/bulma.css"; </code></pre> </div>