npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

sushis-demo

v3.0.4

Published

SushiJS, is a Typescript, NextJS, TailwindCSS with Framer Framework based on Agile. Introduces NRNx2, an evolution of Next Right Now and Agile subsystem folder structure and development methodology. Makes anybody to understand the folder structure. A new

Downloads

1,166

Readme

[!WARNING]
We have only 1 official domain: is itamaesan.org, anything else is non official. Don't worry because we just replace some links on menu and footer and delete non used files since 6 months ago.

ITAMAESAN SushiJS Wallpaper Best Light NNextJS Framework with Husky fixed

🍣 Sushis Framework aka SushiJS

A revolutionary framework blending Typescript, NextJS, TailwindCSS, and Framer Motion, founded on Agile principles. Introducing NRNx2 — the evolution of Next Right Now. Crafted by the brilliant Harvard University student of Project Management, Miguel Gargallo, @miguelgargallo. Brought to you by ITAMAESAN ORG — leading the development industry with Agile and Project Management methodologies.

The main idea

Thanks Letter

Our growth from August 2022 to May 2023 has been inspiring. With "sushis" averaging 273 monthly users and "sushis-demo" at 413 monthly users, we're thrilled by the community's support. Our commitment remains strong; we're scheduling regular bi-annual updates to ensure top-notch user experiences. See more about Numbers and Updates.

In 2022 alone, combined downloads for Sushi's software and Sushi's Demo exceeded 9815. The momentum continued into early 2023, with 4120 downloads for Sushi's software and 8250 for Sushi's Demo. This brings our total downloads to an impressive 12370.

We're also proud to note that our regular six-month update rhythm has positioned us as a reliable and comprehensive framework. For a detailed breakdown, please refer to the Downloads section.

Table of Contents

npm

npm i sushis
  • If you came from < 3.0.0 Adapt the code documentation section is here

🌟 Features

  • ✨ Typescript: Robust static typing for JS.
  • 📘 NextJS: Seamless server-side rendering.
  • 🌗 TailwindCSS: Highly customizable utility-first CSS.
  • 😶‍🌫️ Framer Motion: Smooth animations.
  • 🦄 Favicons: Rich and dynamic favicon support.
  • 📱 Responsive Nav: Fluid navigation across devices.
  • 🍱 Quickstart: Git clone, npm install, and run!
  • 🎉 Organized Structure: Intuitive "modular" folder system.

In this Update

See more info about the update here

  • [x] 3.0.0 LTS

  • We adapted the ´´ into ´´, now is <p> instead of <a>.

  • src is replaced by pages

  • components are no longer in the src folder, they are in the ui folder.

  • ui components are now in 2 folders, "common" and "uncommon" parts.

  • Important staff is at the top.

  • Dependencies and devDependencies are updated.

  • React-Use is no longer used. An LTS version is delivered every 6 months, and a Minor version is delivered at anytime. The LTS version is supported for 18 months, and the Minor versions is constantly updated.

Agile with NextJS

Work seamlessly with our 4-column system: 🧠 Backlog | 👷 In Progress | ✅ Publish | 🎯 Review

Introducing Next Right Now 2 (NRNx2)

NRN2 is the evolution of Next Right Now, a framework that introduced the Numerical Reference Number (NRN) system to manage directory identification. This system is now integrated into SushiJS.

Introduction to Common Internet Language also CIL

CIL is a facilitator to name errors and organize your project, to enumerate folders into a web dynamic project, to ensure a faster, reliable, and efficient identification for:

  • Fast Error enclave communication.
  • Fast Error identification
  • Easy Dev to Dev communication language
  • Efficient shortened name of high paths of files

E.g.,

./ui/uncommon/02 Body/03 Carrousel/index.ts:1:10

It converts into CIL, the answer is:

uu0203-1:10

With the introduction of SushiJS, we've solved many challenges, making the development process quicker, more straightforward, and universally understandable between devs and non-devs. This includes project managers who understand coding basics but aren't deeply involved in the project's intricate file structures.

Go to top 🔼

NRNx2 Agile by ITAMAESAN

SushiJS introduced the NRNx2 Agile subsystem folder structure and development methodology.

The second main feature of The SushiJS Framework is the ability to create components that are reusable but not necessarily general for all the pages. This is the reason why we have created the "uncommon" folder. This folder is part of the framework, and it is an extra way create components that are not general for all the pages. It contains, the same strcuture until you navigate to the "elements" folder, and the order of the imports is customizable 100% by the developer.

  • ui/common/
  • ui/uncommon/

NRNx2 Agile is a project management methodology that combines the best of Agile and Waterfall. It's a hybrid approach that allows for more flexibility and control over the development process.

Go to top 🔼

🚀 Getting Started

Installation

git clone [repository_link]
npm install

Basic Usage

import Appbar from 'ui/uncommon/03_Body/13_Appbar'

Folder Structure

- ui/common/
- ui/uncommon/

Delve deeper into folders like:

  • 00 Header
  • 01 Head
  • 02 Body
  • 03 Footer

The "uncommon" directory is there for specialized components tailored for specific pages.

Why NRNx2

NRN stands for Next Right Now, and x2 symbolizes the integration of SushiJS Agile. This framework introduced a Numerical Reference Number (NRN) system to manage directory identification.

Directories

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!

Take a look into the following directory structure:

🍣 SUSHIJS FRAMEWORK
🔪---fonts
🔪---lib
🔪---pages
🔪---static
🔪---styles
🔪---ui
    🍣 The UI Components Fix in 3.0.3
      ---pages
          --- *tsx files directly
    🔪---ui
    ▒   🎋---common
    ▒   ▒   🥓---00 Header
    ▒   ▒   ▒       ⬜️---00 Meta
    ▒   ▒   ▒       ▒       🐟-----🥣 index.ts
    ▒   ▒   ▒       ▒       ⏲-----🍚 Meta.tsx
    ▒   🎋---uncommin
    ▒   ▒   🥓---02 Body
    ▒   ▒   ▒       ⬜️---06 WelcomeDescriptionText
    ▒   ▒   ▒       ▒   ⬛️---06 WelcomeDescriptionText
    ▒   ▒   ▒       ▒       🐟-----🥣 index.ts
    ▒   ▒   ▒       ▒       ⏲-----🍚 Bento.tsx

Go to top 🔼

About LTS (Long Term Support)

What is the difference between LTS and Minor versions?

The LTS version is a major dependencies and devDependencies update, and the Minor version is a security update, bug fix, and possible new features.

The Continuum LTS (Long Term Support) Schedule

  • 3.0.0: 1st to 15th of August 2023
  • 3.0.1/2/3/.../9: 15st to 1st of November 2023

🤝 Contribute

Feedback, contributions, and pull requests are welcome. For significant changes, please open an issue first to discuss your ideas.

📜 License

PylarAI Creative ML FREE License.


© 2023 ITAMAESAN ORG. All rights reserved.

Go to top 🔼