|
1 | | -# Nuxt 3 Minimal Starter |
| 1 | +# npmx.dev |
2 | 2 |
|
3 | | -Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more. |
| 3 | +> A fast, modern npm package browser for power users. |
4 | 4 |
|
5 | | -## Setup |
| 5 | +<p align="center"> |
| 6 | + <a href="https://npmx.dev/"> |
| 7 | + <img width="1090" alt="Screenshot of npmx.dev showing the nuxt package" src="https://github.com/user-attachments/assets/229497a2-8491-461c-aa1d-fba981215340"> |
| 8 | + </a> |
| 9 | +</p> |
6 | 10 |
|
7 | | -Make sure to install the dependencies: |
| 11 | +- [👉 Check it out](https://npmx.dev/) |
8 | 12 |
|
9 | | -```bash |
10 | | -# npm |
11 | | -npm install |
| 13 | +## Vision |
12 | 14 |
|
13 | | -# pnpm |
14 | | -pnpm install |
| 15 | +The aim of [npmx.dev](https://npmx.dev) is to provide a better npm package browsing experience - fast, accessible, and designed for power users. |
15 | 16 |
|
16 | | -# yarn |
17 | | -yarn install |
| 17 | +- **Speed first** - Insanely fast searching, filtering, and navigation. |
| 18 | +- **URL compatible** - Replace `npmjs.com` with `xnpmjs.com` or `npmx.dev` in any URL and it just works. |
| 19 | +- **Provenance aware** - See at a glance which packages have verified build provenance. |
18 | 20 |
|
19 | | -# bun |
20 | | -bun install |
21 | | -``` |
| 21 | +## Features |
22 | 22 |
|
23 | | -## Development Server |
| 23 | +- **Package browsing** - Fast search, package details, READMEs, versions, dependencies |
| 24 | +- **User profiles** - View any npm user's public packages at `/~username` |
| 25 | +- **Organization pages** - Browse org packages at `/org/orgname` |
| 26 | +- **Provenance indicators** - Verified build indicators for packages with npm provenance |
24 | 27 |
|
25 | | -Start the development server on `http://localhost:3000`: |
| 28 | +### URL Compatibility |
26 | 29 |
|
27 | | -```bash |
28 | | -# npm |
29 | | -npm run dev |
| 30 | +npmx.dev supports npm permalink patterns: |
30 | 31 |
|
31 | | -# pnpm |
32 | | -pnpm run dev |
| 32 | +| Pattern | Example | |
| 33 | +|---------|---------| |
| 34 | +| `/package/<name>` | [`/package/nuxt`](https://npmx.dev/package/nuxt) | |
| 35 | +| `/package/@scope/name` | [`/package/@nuxt/kit`](https://npmx.dev/package/@nuxt/kit) | |
| 36 | +| `/package/<name>/v/<version>` | [`/package/vue/v/3.4.0`](https://npmx.dev/package/vue/v/3.4.0) | |
| 37 | +| `/search?q=<query>` | [`/search?q=vue`](https://npmx.dev/search?q=vue) | |
| 38 | +| `/~<username>` | [`/~sindresorhus`](https://npmx.dev/~sindresorhus) | |
| 39 | +| `/org/<name>` | [`/org/nuxt`](https://npmx.dev/org/nuxt) | |
33 | 40 |
|
34 | | -# yarn |
35 | | -yarn dev |
| 41 | +## Tech Stack |
36 | 42 |
|
37 | | -# bun |
38 | | -bun run dev |
39 | | -``` |
| 43 | +- [Nuxt 4](https://nuxt.com/) - Vue framework |
| 44 | +- [Nitro](https://nuxt.com/docs/guide/concepts/server-engine) - Server engine with API routes |
| 45 | +- [UnoCSS](https://unocss.dev/) - Atomic CSS engine |
| 46 | +- [nuxt-og-image](https://github.com/nuxt-modules/og-image) - Dynamic OG images |
| 47 | +- [npm Registry API](https://github.com/npm/registry/blob/main/docs/REGISTRY-API.md) - Package data |
40 | 48 |
|
41 | | -## Production |
| 49 | +## Try it out locally |
42 | 50 |
|
43 | | -Build the application for production: |
| 51 | +### Setup |
44 | 52 |
|
45 | 53 | ```bash |
46 | | -# npm |
47 | | -npm run build |
| 54 | +# install dependencies |
| 55 | +corepack enable |
| 56 | +pnpm install |
48 | 57 |
|
49 | | -# pnpm |
50 | | -pnpm run build |
| 58 | +# serve in dev mode, with hot reload at localhost:3000 |
| 59 | +pnpm dev |
51 | 60 |
|
52 | | -# yarn |
53 | | -yarn build |
| 61 | +# build for production |
| 62 | +pnpm build |
54 | 63 |
|
55 | | -# bun |
56 | | -bun run build |
| 64 | +# preview in production mode |
| 65 | +pnpm preview |
57 | 66 | ``` |
58 | 67 |
|
59 | | -Locally preview production build: |
| 68 | +### Testing |
60 | 69 |
|
61 | 70 | ```bash |
62 | | -# npm |
63 | | -npm run preview |
| 71 | +# run all tests |
| 72 | +pnpm test |
64 | 73 |
|
65 | | -# pnpm |
66 | | -pnpm run preview |
| 74 | +# run unit tests |
| 75 | +pnpm test:unit |
67 | 76 |
|
68 | | -# yarn |
69 | | -yarn preview |
| 77 | +# run e2e tests |
| 78 | +pnpm test:browser |
70 | 79 |
|
71 | | -# bun |
72 | | -bun run preview |
| 80 | +# type check |
| 81 | +pnpm test:types |
73 | 82 | ``` |
74 | 83 |
|
75 | | -Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information. |
| 84 | +## License |
| 85 | + |
| 86 | +Made with ❤️ |
| 87 | + |
| 88 | +Published under [MIT License](./LICENSE). |
0 commit comments