npmpackage.info

@analogjs/vite-plugin-nitro

The fullstack meta-framework for Angular. Powered by Vite and Nitro

1.12.1

2,706

MIT

TypeScript

63.22 kB

364,198

Installations

npm install @analogjs/vite-plugin-nitro

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

22.8.0

NPM Version

10.8.2 Score

54.7

Supply Chain

78.1

Quality

92.2

Maintenance

100

Vulnerability

93.2

License

Pull Requests

Open

1

Total

990

Closed

53

Merged

936

Issues

Open

36

Total

564

Closed

528

Releases

252

v1.13.1-beta.4

Published on 05 Feb 2025

v1.13.1-beta.3

Published on 05 Feb 2025

v1.13.1-beta.2

Published on 03 Feb 2025

v1.13.1-beta.1

Published on 30 Jan 2025

v2.0.0-alpha.4

Published on 27 Jan 2025

v1.13.0

Published on 27 Jan 2025

View all 252 releases

Contributors

139

View all 139 contributors

Languages

TypeScript

MDX

JavaScript

CSS

HTML

Astro

Shell

SCSS

TypeScript (70.22%)

MDX (22.48%)

JavaScript (4.25%)

CSS (1.66%)

HTML (0.73%)

Astro (0.56%)

Shell (0.09%)

SCSS (0.01%)

Developer

analogjs

Download Statistics

Total Downloads

364,198

Last Day

1,585

Last Week

6,281

Last Month

26,324

Last Year

307,987

GitHub Statistics

2,706 Stars

1,577 Commits

261 Forks

26 Watching

30 Branches

139 Contributors

Sponsor this package

https://github.com/sponsors/brandonroberts

Maintainers

Package Meta Information

Latest Version

1.12.1

Package Id

@analogjs/vite-plugin-nitro@1.12.1

Unpacked Size

63.22 kB

Size

17.37 kB

File Count

NPM Version

10.8.2

Node Version

22.8.0

Publised On

17 Jan 2025

Total Downloads

Cumulative downloads

Total Downloads

364,198

Last day

-1.5%

1,585

Compared to previous day

Last week

-5.5%

6,281

Compared to previous week

Last month

11.3%

26,324

Compared to previous month

Last year

447.9%

307,987

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

nitropack xmlbuilder2 esbuild

Versions

@analogjs/vite-plugin-nitro

A lightweight Vite plugin for integrating with Nitro to enable:

Runtime Server Side Rendering
Build-time Pre-rendering
Static Site Generation
API routes

Install

npm install @analogjs/vite-plugin-nitro --save-dev

Setup

Add the nitro plugin to the plugins array in the Vite config.

1// vite.config.ts
2import { defineConfig } from 'vite';
3import react from '@vitejs/plugin-react';
4import nitro from '@analogjs/vite-plugin-nitro';
5
6// https://vitejs.dev/config/
7export default defineConfig({
8  plugins: [
9    react(),
10    nitro({
11      ssr: true,
12      entryServer: 'src/main.server.tsx',
13      prerender: {
14        routes: ['/'],
15      },
16    }),
17  ],
18});

SSR Setup

Define a src/main.server.ts(x) file to declare how to render the application on the server.

Below is a minimal example for SSR w/React:

1import React from 'react';
2import ReactDOMServer from 'react-dom/server';
3
4import App from './App';
5
6export default async function render(_url: string, document: string) {
7  const html = ReactDOMServer.renderToString(
8    <React.StrictMode>
9      <App />
10    </React.StrictMode>
11  );
12  return document.replace('<!--app-html-->', html);
13}

Also setup the placeholder to be replaced in the index.html:

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <title>Vite + React + Nitro</title>
5  </head>
6  <body>
7    <div id="root"><!--app-html--></div>
8    <script type="module" src="/src/main.tsx"></script>
9  </body>
10</html>

Examples

React: https://github.com/brandonroberts/vite-nitro-react SolidJS: https://github.com/brandonroberts/vite-nitro-solid Vue: https://github.com/brandonroberts/vite-nitro-vue

Community

Visit and Star the GitHub Repo
Join the Discord
Follow us on Twitter and Bluesky
Become a Sponsor

No vulnerabilities found.

No security vulnerabilities found.

Other packages similar to @analogjs/vite-plugin-nitro

vite-plugin-with-nitro

0.0.3

A Vite plugin for adding a nitro API server, forked from @analogjs/vite-plugin-nitro