The latest articles on DEV Community by vsergeev88 (@vsergeev88). https://dev.to/vsergeev88 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%2F555528%2F77d2b5cc-65de-4701-b673-b3c7a4d7eb98.png https://dev.to/vsergeev88 en vsergeev88 Thu, 11 Mar 2021 15:33:57 +0000 https://dev.to/vsergeev88/office-lunch-delivery-app-part-1-4210 https://dev.to/vsergeev88/office-lunch-delivery-app-part-1-4210 <p>Hello folks! This is my first post here.<br> Today I started developing <strong>Your Kitchen</strong> — a simple lunch delivery service for one restaurant in my hometown. This series of blog posts will be my logbook. Hope my experience will be useful to someone as well. Let's go!</p> <p>Let's create Nuxt App and choose <strong>Universal</strong>, <strong>axios</strong>, <strong>PWA</strong> and <strong>Vuetify</strong> in options<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>yarn create nuxt-app your-kitchen </code></pre> </div> <p>I highly recommend to use SCSS and Pug preprocessors❤️<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>yarn add <span class="nt">-D</span> pug pug-plain-loader yarn add <span class="nt">-D</span> sass sass-loader@10 fibers </code></pre> </div> <p>In VS Code install these extensions:</p> <ul> <li><a href="https://marketplace.visualstudio.com/items?itemName=octref.vetur">Vetur</a></li> <li><a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer">Bracket Pair Colorizer</a></li> <li><a href="https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces">Trailing Spaces</a></li> </ul> <p>That's it. Now we're ready to start. The next part comes soon...</p> nuxt nestjs mongodb vuetify