<?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: Larry Miami</title>
    <description>The latest articles on DEV Community by Larry Miami (@miami).</description>
    <link>https://dev.to/miami</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%2F180747%2F72699f6c-53e1-4c64-873f-329d6d4dd00a.jpg</url>
      <title>DEV Community: Larry Miami</title>
      <link>https://dev.to/miami</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/miami"/>
    <language>en</language>
    <item>
      <title>Setting up Nextjs with AirBnB style guides for react, Prettier, ESlint, Husky and GitHub Actions</title>
      <dc:creator>Larry Miami</dc:creator>
      <pubDate>Thu, 02 Dec 2021 09:36:38 +0000</pubDate>
      <link>https://dev.to/miami/setting-up-nextjs-with-airbnb-style-guides-for-react-prettier-eslint-husky-and-github-actions-4377</link>
      <guid>https://dev.to/miami/setting-up-nextjs-with-airbnb-style-guides-for-react-prettier-eslint-husky-and-github-actions-4377</guid>
      <description>&lt;h3&gt;
  
  
  My Workflow
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/miami78" rel="noopener noreferrer"&gt;
        miami78
      &lt;/a&gt; / &lt;a href="https://github.com/miami78/nextjs-starter-pack" rel="noopener noreferrer"&gt;
        nextjs-starter-pack
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      A JavaScript starter for Next.js that includes all you need to build your next 🦄 project.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/69c8adadf340e1f7793018600de37d9f35e7771f1cdb0c640a438d03c19de935/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f6d69616d6937382f6e6578746a732d737461727465722d7061636b3f7374796c653d666f722d7468652d6261646765"&gt;&lt;img src="https://camo.githubusercontent.com/69c8adadf340e1f7793018600de37d9f35e7771f1cdb0c640a438d03c19de935/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f6d69616d6937382f6e6578746a732d737461727465722d7061636b3f7374796c653d666f722d7468652d6261646765" alt="Stargazers"&gt;&lt;/a&gt;
&lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/b61176eed04cc7cddf29911faac904b33e4f926a425f68eb861e4d2a2e5a7575/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f6d69616d6937382f6e6578746a732d737461727465722d7061636b3f6c6162656c3d464f524b53267374796c653d666f722d7468652d6261646765"&gt;&lt;img src="https://camo.githubusercontent.com/b61176eed04cc7cddf29911faac904b33e4f926a425f68eb861e4d2a2e5a7575/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f6d69616d6937382f6e6578746a732d737461727465722d7061636b3f6c6162656c3d464f524b53267374796c653d666f722d7468652d6261646765" alt="Forks"&gt;&lt;/a&gt;
&lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/393c11e3f7752c8cb011a5a0d53543d51d583d4f511f0a90fa27638e73c08b27/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6d69616d6937382f6e6578746a732d737461727465722d7061636b3f636f6c6f723d677265656e266c6162656c3d4c4943454e5345267374796c653d666f722d7468652d6261646765"&gt;&lt;img src="https://camo.githubusercontent.com/393c11e3f7752c8cb011a5a0d53543d51d583d4f511f0a90fa27638e73c08b27/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6d69616d6937382f6e6578746a732d737461727465722d7061636b3f636f6c6f723d677265656e266c6162656c3d4c4943454e5345267374796c653d666f722d7468652d6261646765" alt="License"&gt;&lt;/a&gt;
&lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/c11f84d8f1c3529007473909ed26f70563f881984aacac0ccc1a86a0125f531c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f6d69616d6937382f6e6578746a732d737461727465722d7061636b3f636f6c6f723d79656c6c6f77266c6162656c3d495353554553267374796c653d666f722d7468652d6261646765"&gt;&lt;img src="https://camo.githubusercontent.com/c11f84d8f1c3529007473909ed26f70563f881984aacac0ccc1a86a0125f531c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f6d69616d6937382f6e6578746a732d737461727465722d7061636b3f636f6c6f723d79656c6c6f77266c6162656c3d495353554553267374796c653d666f722d7468652d6261646765" alt="Issues"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A JavaScript starter for Next.js that includes all you need to build your next 🦄 project.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Technologies Used&lt;/h2&gt;

&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://nextjs.org/" rel="nofollow noopener noreferrer"&gt;Nextjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://eslint.org/" rel="nofollow noopener noreferrer"&gt;Eslint&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://prettier.io/" rel="nofollow noopener noreferrer"&gt;Prettier&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://typicode.github.io/husky/#/" rel="nofollow noopener noreferrer"&gt;Husky&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/en/actions/learn-github-actions" rel="noopener noreferrer"&gt;GitHub workflows&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Also includes:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://nextjs.org/docs/advanced-features/module-path-aliases" rel="nofollow noopener noreferrer"&gt;Absolute imports&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/airbnb/javascript/tree/master/react" rel="noopener noreferrer"&gt;AirBnB Style Guides for React&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;Getting started&lt;/h1&gt;

&lt;/div&gt;
&lt;div class="snippet-clipboard-content notranslate position-relative overflow-auto"&gt;&lt;pre class="notranslate"&gt;&lt;code&gt;1. git clone https://github.com/miami78/nextjs-starter-pack.git

2. cd nextjs-starter-pack

3. yarn &amp;amp;&amp;amp; yarn dev or npm install &amp;amp;&amp;amp; npm run dev if you prefer not to use yarn.

&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;Usage&lt;/h1&gt;

&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h3 class="heading-element"&gt;Development server&lt;/h3&gt;

&lt;/div&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;yarn start / npm start&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;You can view the development server at &lt;code&gt;localhost:3000&lt;/code&gt;.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h3 class="heading-element"&gt;Production build&lt;/h3&gt;

&lt;/div&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt; yarn build / npm run build&lt;/pre&gt;

&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Contributing&lt;/h2&gt;

&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;Fork this repository;&lt;/li&gt;
&lt;li&gt;Create your branch: &lt;code&gt;git checkout -b my-new-feature&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Commit your changes: &lt;code&gt;git commit -m 'Add some feature'&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Push to the branch: &lt;code&gt;git push origin my-new-feature&lt;/code&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Made by &lt;a href="https://github.com/miami78" rel="noopener noreferrer"&gt;Larry Miami&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;



&lt;/div&gt;
&lt;br&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/miami78/nextjs-starter-pack" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;


&lt;h3&gt;
  
  
  Submission Category:
&lt;/h3&gt;

&lt;p&gt;Maintainer Must-Haves&lt;/p&gt;

&lt;h3&gt;
  
  
  Yaml File
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;name: Code quality

on: push

jobs:
  code-quality:
    name: Lint source code
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@v2

    - name: Install dependencies
      run: yarn

    - name: Run Prettier
      run: yarn prettier --ignore-path .prettierignore --write .

    - name: Run ESLint
      run: yarn eslint '**/*.js' --report-unused-disable-directives
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>actionshackathon21</category>
      <category>opensource</category>
      <category>nextjs</category>
      <category>react</category>
    </item>
  </channel>
</rss>
