The latest articles on DEV Community by Miguel Gargallo (@miguelgargallo). https://dev.to/miguelgargallo 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%2F906188%2F24e52883-d7cf-489a-9a75-d350126189a3.jpeg https://dev.to/miguelgargallo en Miguel Gargallo Wed, 10 Aug 2022 00:38:21 +0000 https://dev.to/miguelgargallo/i-founded-itamaesan-org-with-sushijs-project-52jd https://dev.to/miguelgargallo/i-founded-itamaesan-org-with-sushijs-project-52jd <p><a href="https://itamaesan.org">ITAMAESAN</a> or <a href="https://sushijs.org">SushiJS</a> Support us on <a href="https://twitter.com/itamaesanorg">Twitter</a></p> <p>Itamaesan Org is a TypeScript and Javascript foundation to freely code with MIT License, with SushiJS framework.</p> <h1> SushiJS </h1> <p>SushiJS is a Typescript, NextJS, TailwindCSS and Motion Framer project to help developers build great tools!</p> <p>✨ We are proud to announce, ITAMAESAN, a project to help developers, exclusive working with Open Source MIT License on our code.</p> <p>✨ ITAMAESANは、オープンソースのMITライセンスで開発する開発者を支援するプロジェクトです。</p> <h1> Project Organizer </h1> <ul> <li>Features</li> <li>Project structure</li> <li>Getting started</li> <li>License</li> <li>We run on</li> </ul> <h2> Features </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>✨ Typescript 📘 NextJS 🌗 CSS 😶‍🌫️ Framer Motion 🦄 Favicons 📱 Responsive Nav 🍱 Easy, git clone &amp; npm install/run 🎉 Folder organized structure </code></pre> </div> <h2> Project Structure </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>🍣 SushiJS ├──⚖️ LICENSE ├──👩‍⚖️ Code_of_Conduct.md ├──🍱 components │ ├──🥡 BigText │   │   ├──🔵 BigText.tsx │   │   └──🟦 index.ts │   ├──🥡 Container │   │   ├──🔵 Container.tsx │   │   └──🟦 index.ts │   └──🥡 Footer │   ├──🔵 Footer.tsx │   └──🟦 index.ts ├──🍱 lib │   └──🟦 classNames.ts ├──🟦 next-env.d.ts ├──🟡 next.config.js ├──🟨 package-lock.json ├──🟨 package.json ├──🍱 pages │   ├──🔵 404.tsx │   ├──🔵 _app.tsx │   ├──🔵 _document.tsx │   ├──🥡 api │   │   └──🟦 hello.ts │ └──🔵 index.tsx ├──🟡 postcss.config.js ├──🍱 public │   ├──🥡 fonts │ │ └──🅰️ inter-var-latin.woff2 │   ├──🤖 robots.txt │   └──🥡 static │   └──🧃 favicons │ ├──🎆 SushiJS-icon - Copy.png │   ├──🎆 SushiJS-icon.png │   ├──🎆 android-chrome-192x192.png │   ├──🎆 android-chrome-512x512.png │   ├──🎆 apple-touch-icon.png │ ├──🐘 browserconfig.xml │   ├──🎆 favicon-16x16.png │   ├──🎆 favicon-32x32.png │ ├──⭐️ favicon.ico │   ├──🎆 favicon.png │   ├──🎆 icon-192.png │   ├──🎆 icon-512.png │   ├──🎆 mstile-270x270.png │ ├──🎇 safari-pinned-tab.svg │   └──🟡 site.webmanifest ├──🍱 styles │ └──#️⃣ globals.css ├──🟡 tailwind.config.js ├──🟦 tsconfig.json ├──🟨 vercel.json └──🟦 yarn.lock </code></pre> </div> <h2> Getting started </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>⬇️ git clone https://github.com/itamaesanorg/SushiJS.git 🔄 npm install ➡️ npm run dev ✨ Enjoy </code></pre> </div> <h2> Getting started </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>🐣 Twitter: https://twitter.com/itamaesanorg 🌐 Homepage: https://itamaesan.org redirects to https://SushiJS.com </code></pre> </div> <h2> License </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>⚖️ MIT at: https://github.com/itamaesanorg/SushiJS/blob/main/LICENSE </code></pre> </div> <h2> We run on </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Vercel 🍣 Thanks Vercel if you read that! </code></pre> </div>