<?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: Kalwabed Rizki</title>
    <description>The latest articles on DEV Community by Kalwabed Rizki (@kalwabed).</description>
    <link>https://dev.to/kalwabed</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%2F324350%2F3623edee-e372-421f-ab65-2c924fac2d57.jpg</url>
      <title>DEV Community: Kalwabed Rizki</title>
      <link>https://dev.to/kalwabed</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/kalwabed"/>
    <language>en</language>
    <item>
      <title>My Next.js and Tailwindcss starter template</title>
      <dc:creator>Kalwabed Rizki</dc:creator>
      <pubDate>Thu, 22 Oct 2020 07:27:09 +0000</pubDate>
      <link>https://dev.to/kalwabed/my-next-js-and-tailwindcss-starter-template-3f26</link>
      <guid>https://dev.to/kalwabed/my-next-js-and-tailwindcss-starter-template-3f26</guid>
      <description>&lt;p&gt;Recently I have been releasing a new starter template build on top of Next.js, Typescript, and Tailwindcss.&lt;/p&gt;

&lt;p&gt;It's included:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Eslint, Prettier, and Stylelint setup&lt;/li&gt;
&lt;li&gt;SEO ready&lt;/li&gt;
&lt;li&gt;and many more&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You can visit the demo pages at: &lt;a href="https://nextwind.vercel.app"&gt;https://nextwind.vercel.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you feel this is missing please open a new issue or you can also open a pull request, and if you find something new and this helps you can leave a star for me. Thank you.&lt;/p&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/kalwabed"&gt;
        kalwabed
      &lt;/a&gt; / &lt;a href="https://github.com/kalwabed/nextwind"&gt;
        nextwind
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      Next.js + Typescript + Tailwindcss starter template
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;h1&gt;
Nextwind &lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/6f41ec5008923b134b4d9d1024090413b86c2ae07865904637d35fd9bdfcb636/68747470733a2f2f696d672e736869656c64732e696f2f776562736974653f646f776e5f636f6c6f723d72656426646f776e5f6d6573736167653d6f66666c696e65267374796c653d666c61742d7371756172652675705f636f6c6f723d7465616c2675705f6d6573736167653d6f6e6c696e652675726c3d68747470732533412532462532466e65787477696e642e76657263656c2e617070"&gt;&lt;img src="https://camo.githubusercontent.com/6f41ec5008923b134b4d9d1024090413b86c2ae07865904637d35fd9bdfcb636/68747470733a2f2f696d672e736869656c64732e696f2f776562736974653f646f776e5f636f6c6f723d72656426646f776e5f6d6573736167653d6f66666c696e65267374796c653d666c61742d7371756172652675705f636f6c6f723d7465616c2675705f6d6573736167653d6f6e6c696e652675726c3d68747470732533412532462532466e65787477696e642e76657263656c2e617070" alt="Website"&gt;&lt;/a&gt;
&lt;/h1&gt;
&lt;blockquote&gt;
&lt;p&gt;Next.js + Typescript + Tailwindcss starter template.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;This is an example setup of Next.js building on top of the &lt;a href="https://github.com/vercel/next.js/tree/canary/examples/with-typescript"&gt;official TypeScript example&lt;/a&gt; and &lt;a href="https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss"&gt;official Tailwindcss example&lt;/a&gt;. It adds the following:&lt;/p&gt;
&lt;ul class="contains-task-list"&gt;
&lt;li class="task-list-item"&gt;
 Basic Eslint (Nextjs built in), and Prettier setup&lt;/li&gt;
&lt;li class="task-list-item"&gt;
 Tailwind and Typescript config&lt;/li&gt;
&lt;li class="task-list-item"&gt;
 SEO ready&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
Getting Started&lt;/h2&gt;
&lt;h3&gt;
Installation&lt;/h3&gt;
&lt;p&gt;Quickstart, is just use the &lt;code&gt;Use this template&lt;/code&gt; feature from the Github.&lt;/p&gt;
&lt;p&gt;... or you can&lt;/p&gt;
&lt;p&gt;First, clone the repository:&lt;/p&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;git clone https://github.com/kalwabed/nextwind.git my-next-app&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;or if you're cloning using SSH:&lt;/p&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;git clone git@github.com:kalwabed/nextwind.git my-next-app&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;Then go to the directory&lt;/p&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;&lt;span class="pl-c1"&gt;cd&lt;/span&gt; my-next-app&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;Finally, run the development server to start developing.&lt;/p&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;yarn dev&lt;/pre&gt;

&lt;/div&gt;
&lt;h3&gt;
Deploy&lt;/h3&gt;
&lt;p&gt;You can deploy the starter template using &lt;a href="https://vercel.com" rel="nofollow"&gt;Vercel&lt;/a&gt;:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://vercel.com/import/project?template=https://github.com/kalwabed/nextwind" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/5e471e99e8e022cf454693e38ec843036ec6301e27ee1e1fa10325b1cb720584/68747470733a2f2f76657263656c2e636f6d2f627574746f6e" alt="Deploy with Vercel"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
Contributing&lt;/h2&gt;
&lt;p&gt;Contributions are welcome. Please open a pull request if you think something is missing or you would like to add something.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Fork this Project&lt;/li&gt;
&lt;li&gt;Commit your Changes (&lt;code&gt;git commit -m 'Add some AmazingFeature'&lt;/code&gt;)&lt;/li&gt;
&lt;li&gt;Push to the Branch…&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/kalwabed/nextwind"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>nextjs</category>
      <category>typescript</category>
      <category>template</category>
    </item>
    <item>
      <title>Lessons from Hacktoberfest</title>
      <dc:creator>Kalwabed Rizki</dc:creator>
      <pubDate>Sat, 17 Oct 2020 09:41:15 +0000</pubDate>
      <link>https://dev.to/kalwabed/lessons-from-hacktoberfest-3d4e</link>
      <guid>https://dev.to/kalwabed/lessons-from-hacktoberfest-3d4e</guid>
      <description>&lt;h2&gt;
  
  
  What I Learned From Hacktoberfest
&lt;/h2&gt;

&lt;p&gt;I learned many things when I first jumped at the Hacktober festival this time, especially things about open source project development and how to contribute properly and comply with all the rules that have been set, and I got a better understanding of how Github helps in the development process.&lt;/p&gt;

&lt;p&gt;Thank you @DigitalOcean, Github, Dev.to, Intel, and others for organizing and supporting this festival so well. I hope that in the future it will be even better than before.&lt;/p&gt;

</description>
      <category>hacktoberfest</category>
    </item>
  </channel>
</rss>
