npmpackage.info

Gathering detailed insights and metrics for @analogjs/vite-plugin-nitro

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

@analogjs/vite-plugin-nitro

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

1.12.0

2,683

MIT

TypeScript

63.22 kB

351,268

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

55.3

Supply Chain

Quality

92.2

Maintenance

100

Vulnerability

93.2

License

Pull Requests

Open

1

Total

962

Closed

52

Merged

909

Issues

Open

32

Total

551

Closed

519

Releases

233

v1.12.1-beta.3

Published on 11 Jan 2025

v1.12.1-beta.2

Published on 08 Jan 2025

v1.12.1-beta.1

Published on 07 Jan 2025

v2.0.0-alpha.3

Published on 07 Jan 2025

v1.12.0

Published on 07 Jan 2025

v1.12.0-beta.5

Published on 07 Jan 2025

View all 233 releases

Contributors

137

View all 137 contributors

Languages

TypeScript

MDX

JavaScript

CSS

HTML

Astro

Shell

SCSS

TypeScript (70.41%)

MDX (22.46%)

JavaScript (4.06%)

CSS (1.67%)

HTML (0.73%)

Astro (0.57%)

Shell (0.09%)

SCSS (0.01%)

Developer

analogjs

Download Statistics

Total Downloads

351,268

Last Day

1,095

Last Week

6,490

Last Month

22,133

Last Year

297,863

GitHub Statistics

2,683 Stars

1,526 Commits

257 Forks

25 Watching

31 Branches

137 Contributors

Sponsor this package

https://github.com/sponsors/brandonroberts

Maintainers

Package Meta Information

Latest Version

1.12.0

Package Id

@analogjs/vite-plugin-nitro@1.12.0

Unpacked Size

63.22 kB

Size

17.37 kB

File Count

NPM Version

10.8.2

Node Version

22.8.0

Publised On

07 Jan 2025

Total Downloads

Cumulative downloads

Total Downloads

351,268

Last day

-19.5%

1,095

Compared to previous day

Last week

4.4%

6,490

Compared to previous week

Last month

-19.1%

22,133

Compared to previous month

Last year

457.7%

297,863

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.