SushiJS
SushiJS, is a Typescript, NextJS, TailwindCSS with Framer Framework based on Agile, new revolutionary and evolved folder "modular" structure, developed in a week (1 week exactly) by the Harvard University student of Project Management, Miguel Gargallo, @miguelgargallo. ITAMAESAN ORG is an Open Source Code Foundation, leading in the development industry based on Agile and Project Management Methodologies applied to developments.
SushiJS is a Typescript, NextJS, TailwindCSS and Motion Framer project to help developers build great tools!
Project Organizer
Getting started
⬇️ git clone https://github.com/itamaesanorg/SushiJS.git
🔄 npm install
➡️ npm run dev
✨ Enjoy
Features
✨ Typescript
📘 NextJS
🌗 CSS
😶🌫️ Framer Motion
🦄 Favicons
📱 Responsive Nav
🍱 Easy, git clone & npm install/run
🎉 Folder organized structure
🎨 TailwindCSS
Thanks Letter
We want to thank you for using our framework, we are very happy that you are part of our community and we hope that you continue to be part of it. Now we are over 1000 per month between sushis-demo and sushis
Updates 2023
github 2.1.1 | npm 2.1.1
For this we added a new section, called Updates, where we will be adding the updates of the framework, so you can see what we are doing in the framework, and what we are adding to the framework. See the updates here
We are going to update 1 time per month to mantain stable the project, not to risk anyone, since we are 1000 users per month!!!
✅ We constantly update the framework to make it more secure and stable.✅ We perform this updates in Dependencies in the framework:⬆️ eslint-config-prettier to 8.6.0⬆️ framer-motion to 8.5.0⬆️ next-themes to 0.2.1
✅ We perform this updates in devDependencies in the framework:⬆️ tailwindcss/forms to 0.5.3⬆️ types/node to 18.11.18⬆️ types/react to 18.0.27⬆️ typescript-eslint/eslint-plugin to 5.48.2⬆️ typescript-eslint/parser to 5.48.2⬆️ eslint to 8.32.0⬆️ eslint-config-next to 13.1.4⬆️ husky to 8.0.3⬆️ postcss to 8.4.21⬆️ prettier to 2.8.3⬆️ tailwindcss to 3.2.4⬆️ typescript to 4.9.4
✅ We are now using using @next/codemod for the links!📝 Now we updated the license, we are now using a Pylar AI creative ML License, you can see the license here.
npm
npm i @itamaesanorg/sushijs
HowTo
01: 🍚, Cook rice. <- Prepare all your pages.
02: 🧂, Mix Vinegar, Oil, Sugar & Salt.
03: ⏲, Cook until sugar is dissolved.
04: 🥣, Stir into rice.
05: 🐟, Prepear fillings.
06: ⬛️, Put Nori on a bamboo mat.
07: ⬜️, Put rice with hands.
08: 🔲, Spride rice over the nori.
09: 🥓, Lay the filling.
10: 🎋, Roll the bamboo mat and press.
11: 🔪, Cut with wet knife.
12: 🍣, Enjoy!
12 (real), 13, 14 and 15 steps above are optional.
🍣 SUSHIJS FRAMEWORK
🔪---fonts
🔪---lib
🔪---public
▒ 🎋---fonts
▒ 🎋---static
▒ 🥓---favicons
🔪---src
▒ 🎋---app
▒ ▒ 🥓---components
▒ ▒ ▒ 🔲---GlobalStyles
▒ ▒ 🥓---styles
▒ 🎋---common
▒ ▒ 🥓---components
▒ ▒ ▒ 🔲elements
▒ ▒ ▒ ⬜️---00 Header
▒ ▒ ▒ ▒ ⬛️---00 Meta
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Meta.tsx
▒ ▒ ▒ ⬜️---01 Head
▒ ▒ ▒ ▒ ⬛️---01 Menu
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Sushisho.tsx
▒ ▒ ▒ ▒ ⬛️---02 SecondaryMenu
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Sushiten.tsx
▒ ▒ ▒ ▒ ⬛️---03 MenuNotAnimated
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 SushishoUsed.tsx
▒ ▒ ▒ ▒ ⬛️---04 SecondaryMenuNotAnimated
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 SushitenUsed.tsx
▒ ▒ ▒ ▒ ⬛️---05 ToggleDarkModeButton
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Izakaya.tsx
▒ ▒ ▒ ⬜️---02 Body
▒ ▒ ▒ ▒ ⬛️---06 WelcomeDescriptionText
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Bento.tsx
▒ ▒ ▒ ▒ ⬛️---07 CardsProps
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Arubamu.tsx
▒ ▒ ▒ ▒ ⬛️---08 AboutUsImages
▒ ▒ ▒ ▒ ⬛️---09 BrandImages
▒ ▒ ▒ ▒ 🐟-----🧂 logo1.png
▒ ▒ ▒ ▒ 🐟-----🧂 logo2.png
▒ ▒ ▒ ▒ 🐟-----🧂 logo3.png
▒ ▒ ▒ ▒ ⬛️---10 Container
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Container.tsx
▒ ▒ ▒ ▒ ⬛️---12 OurServices
▒ ▒ ▒ ▒ ⬛️---13 CardsPropsImproved
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 ShashinArubamu.tsx
▒ ▒ ▒ ▒ ⬛️---14 OurServicesText
▒ ▒ ▒ ▒ ⬛️---15 Bottom
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Bottom.tsx
▒ ▒ ▒ ▒ ⬛️---16 Appbar
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Appbar.tsx
▒ ▒ ▒ ▒ ⬛️---17 BigText
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 BigText.tsx
▒ ▒ ▒ ▒ ⬛️---18 BigTextExport
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 BigTextExport.tsx
▒ ▒ ▒ ▒ ⬛️---20 Section
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Section.tsx
▒ ▒ ▒ ▒ ⬛️---21 Page
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Page.tsx
▒ ▒ ▒ ▒ ⬛️---22 Carrousel
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Carrousel.tsx
▒ ▒ ▒ ▒ ⬛️---22 CarrouselCards
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Carrousel.tsx
▒ ▒ ▒ ▒ ⬛️---23 CoolError404
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 CooltError.tsx
▒ ▒ ▒ ▒ ⬛️---24 CoolError404Exporter
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Arubamu.tsx
▒ ▒ ▒ ⬜️---03 Footer
▒ ▒ ▒ ⬛️---25 Footer
▒ ▒ ▒ ▒ 🐟-----🥣 index.ts
▒ ▒ ▒ ▒ ⏲-----🍚 Footer.tsx
▒ ▒ 🥓---hooks
▒ ▒ 🥓---types
▒ ▒ 🥓---utils
▒ 🎋---modules
▒ ▒ 🥓---auth
▒ ▒ 🔲---api
▒ ▒ 🔲---components
▒ 🎋---pages
▒ 🥓---api
▒ 🔲---authAPI
▒ 🔲---helloAPI
🔪---static
▒ 🎋---favicons
🔪---styles
⬜⬜⬜⬜⬜⬜⬜🟧🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧⬜⬜⬜⬜
⬜⬜⬜⬜⬜🟧🟧🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧🟧⬜
⬜⬜⬜⬜🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧
🟧🟧⬜🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧🟧
🟧🟧🟧🟧🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧🟧⬜🟧
⬜🟧🟧🟧🟧🟧🟧🟧🟧🟧🟧🟧🟧🟧🟧🟧🟧🟧🟧🟧⬜🟧🟧
⬜🟧🟧🟧⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜🟧🟧🟧⬜
🟧🟧🟧⬜⬛⬜⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬛⬜⬜⬛⬜⬜⬜
🟧🟧⬜⬜⬛⬜⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬛⬛⬜⬛⬜⬜⬜
⬜⬜⬜⬜⬛⬜⬜⬜⬜⬜⬛⬜⬜⬛⬜⬜⬜⬜⬜⬛⬜⬜⬜
⬜⬜⬜⬜⬛⬜🟪🟪⬜⬜⬛⬛⬛⬛⬜⬜🟪🟪⬜⬛⬜⬜⬜
⬜⬜⬜⬜⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬛⬜⬜⬜
⬜⬜⬜⬜⬜⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬜⬜⬜⬜
Support
🐣 Twitter: https://twitter.com/itamaesanorg
🌐 Homepage: https://itamaesan.org redirects to https://SushiJS.com
License
⚖️ We are now using a Pylar AI creative ML License [read more about here](https://huggingface.co/spaces/superdatas/LICENSE).
We run on
Vercel 🍣 Thanks Vercel if you read that!
Read more about deploy
😍 Before dealing with the deploy please take while to read this for 100% optimization.
[Here are posible steps before](https://github.com/itamaesanorg/edu)