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

create-nodestack

v1.0.32

Published

nodeStack is a full-stack framework for JavaScript developers. It enables you to create high-performance, high-quality programs with minimal code, greatly improving your development efficiency.

Downloads

17

Readme

Read the documentation here https://ndsk.dev

Introduction

ndsk (node ​​stack) is a next-generation full-stack framework for JavaScript developers. It is designed to be very simple, allowing you to create secure, high-performance, high-quality programs with minimal code. It has powerful routing, flexible layout modes, fast compilation speed, extensible plug-ins and middleware, and supports server-side rendering (SSR), client-side rendering (CSR), static rendering (SSG), and hybrid mode SSCR. It almost makes up for all the shortcomings of other frameworks, all for the purpose of improving development efficiency.

Main advantages:

  • Safe, very simple design, powerful, ready to use, no additional configuration required
  • Supports various rendering modes such as server-side rendering (SSR), CSR, SSG, SSCR, etc., the first screen rendering speed is super fast, very friendly to SEO
  • Automatically optimize the package size, the compilation speed is super fast, about 10-100 times that of other frameworks
  • Support server-side hot update, no need to restart the server with tools such as nodemon every time the code is modified
  • Support real-time page reload, modify the front-end components and back-end routes to automatically refresh the page
  • Support detailed error stack tracking function in development mode
  • Super fast startup speed, it dynamically compiles according to page requests, without the need to compile all pages every time
  • Automatic compilation, and supports ES5\ES6+
  • Powerful routing function, support dynamic routing
  • Compared with other frameworks, it supports more flexible layout modes
  • Use react renderToPipeableStream to render pages, support lazy, Suspense asynchronous loading
  • It has built-in major modules such as mongodb, no additional configuration is required, and it supports front-end, back-end, and full-stack development.

ndsk is the fastest framework currently

Comparison under Ubuntu:

| frame          | start up(Development) | Compile(Bundle) | First screen loading(DOMContentLoaded) | | ----------- | ----------- | ----------- | ----------- | | Ndsk | ~ 0.4s | ~ 0.4s | ~ 0.008s | | Remix | ~ 0.7s | ~ 1.7s | ~ 0.010s | | Next | ~ 2.2s | ~ 8s | ~ 0.008s |

Start the development environment, compile and start

$ npm run dev
> My [email protected] dev
> ndsk

> Startup time:198ms Ready on http://localhost:3000

$ npm run build
> My [email protected] build
> ndsk build

✨ /home/work/ndsk_example/src/pages/index.js 139.36KB
✨ compiled 1 file in : 377ms

$ npm run start
> My [email protected] start
> ndsk start

> Startup time:187ms Ready on http://localhost:3000

Start installation

Create a project directory and enter

$ mkdir my-nodestack-app
$ cd my-nodestack-app 


Next, start creating the project and installing the necessary packages. If prompted, just press Enter

$ npm create nodestack
$ npm i


Now that you have completed the installation, you should see the following directory structure

my-nodestack-app
├── src
│   ├── pages
│   │   └── index.js
│   │   └── style.scss
├── ndsk.config.js
└── package.json


Open the package.json file, you can see the following content in the script

{
    "scripts": {
        "dev": "ndsk",
        "build": "ndsk build",
        "start": "ndsk start"
    }
}


These scripts correspond to different stages of the program:

  • dev: Run npm run dev to start nodestack in development mode
  • build: Run npm run build to start building the project
  • start: Run npm run start to run the built project in production environment


Now enter the following code in the terminal to start our first project

$ npm run dev


You can see the following log output

> My [email protected] dev
> ndsk

> Startup time:450ms Ready on http://localhost:3000

Get Start