danielroe / nuxt-full-static Goto Github PK

🐛 The bug

After some testing of the module it looks like that it's actually doing two requests per page on the client-side. One for the static json file and one for the actual API.

I've tried the example from the docs with adding a process.server check to my useAsyncData but that just returns false.

🛠️ To reproduce

https://stackblitz.com/github/danielroe/nuxt-full-static/tree/main/playground

🌈 Expected behaviour

When click on the individual posts I would expect it to only make a request for the static json file but it also makes a request to the API 🙂

ℹ️ Additional context

No response

🐛 The bug

It work only with external url
Work

const data = await useFetch('https://jsonplaceholder.typicode.com/posts', {
  transform: posts => posts.slice(0, 10),
})

Local not work, return html of index page

const data2 = await useFetch('http://localhost:3000/api/test', {
  transform: posts => posts.slice(0, 10),
})

🛠️ To reproduce

https://github.com/max5432112345/nuxt-error3

🌈 Expected behaviour

ℹ️ Additional context

No response

🐛 The bug

nuxt-full-static not working with @nuxt/content

I added @nuxt/content and got the error as below.

ERROR  Rollup error:  Unexpected token (Note that you need plugins to import files that are not JavaScript)
 at error (node_modules/rollup/dist/es/shared/rollup.js:1888:30)
 at Module.error (node_modules/rollup/dist/es/shared/rollup.js:12442:16)
 at Module.tryParse (node_modules/rollup/dist/es/shared/rollup.js:12819:25)
 at Module.setSource (node_modules/rollup/dist/es/shared/rollup.js:12724:24)
 at ModuleLoader.addModuleSource (node_modules/rollup/dist/es/shared/rollup.js:22166:20)

This is in Stackblitz.

I tried to use this in my current nuxt-3 project.

The error I got in the project is as below:

 ERROR  Cannot start nuxt:  nuxtCtx.tryUse is not a function                                                              11:28:24

  at useNuxt (/D:/MyProject/node_modules/nuxt/node_modules/@nuxt/kit/dist/index.mjs:48:28)
  at extendViteConfig (/D:/MyProject/node_modules/nuxt/node_modules/@nuxt/kit/dist/index.mjs:780:16)
  at addVitePlugin (/D:/MyProject/node_modules/nuxt/node_modules/@nuxt/kit/dist/index.mjs:806:3)
  at initNuxt (/D:/MyProject/node_modules/nuxt/dist/index.mjs:1443:3)
  at Object.ready (/D:/MyProject/node_modules/nuxt/dist/index.mjs:1421:18)
  at load (/D:/MyProject/node_modules/nuxi/dist/chunks/dev.mjs:6768:27)
  at async Object.invoke (/D:/MyProject/node_modules/nuxi/dist/chunks/dev.mjs:6813:5) 
  at async _main (/D:/MyProject/node_modules/nuxi/dist/cli.mjs:46:20)

nuxt.config.ts

import { defineNuxtConfig } from "nuxt";
export default defineNuxtConfig({
 modules: ["@nuxtjs/tailwindcss", "@nuxt/content", "nuxt-full-static],
})

package.json

{
  "devDependencies": {
    "@nuxt/content": "^2.0.1",
    "@nuxtjs/tailwindcss": "^5.3.0",
    "nuxt": "3.0.0-rc.6"
  },
}

🛠️ To reproduce

https://stackblitz.com/edit/github-p1mkc1?file=package.json

🌈 Expected behaviour

After adding nuxt-content module, it should work without any errors.

ℹ️ Additional context

No response

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• chore(deps): update all non-major dependencies (@release-it/conventional-changelog, @types/node, @vitest/coverage-c8, c8, eslint, eslint-config-prettier, expect-type, husky, lint-staged, node, pathe, pnpm, prettier, release-it, typescript, vitest, vue)

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update nuxt core (@nuxt/kit, @nuxt/module-builder, @nuxt/schema, @nuxt/test-utils, nuxt)
• chore(deps): update devdependency c8 to v8
• chore(deps): update devdependency conventional-changelog-conventionalcommits to v6
• chore(deps): update devdependency typescript to v5
• chore(deps): update pnpm to v8
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

🆒 Your use case

Some sites, e.g. this one rely mainly on pinia. Right now, the content is still inlined, which can lead to enormous HTML size and thus to crawlers (like the twitter crawler for OG tags) not even crawling the page.

🆕 The solution you'd like

Ideally, the pinia content could also be extracted into the payload too!

I am mainly using netlify-builder image and static route rules, so the current supported scenario (hybrid mode) would be more than sufficient for my use case.

🔍 Alternatives you've considered

No response

ℹ️ Additional info

No response

📚 What are you trying to do?

Hi!

I've tested this package out for my server-side rendered Nuxt 3 app and it works great!

My only issue is that I have some Nitro API's that is being requested at runtime, so I wonder if it would be possible to generate both a static site and build the Nitro API's as well and then be able to serve both with yarn start? :-)

🔍 What have you tried?

yarn generate --> only static files generated
yarn build --> only SSR site generated

ℹ️ Additional context

The goal is to have a Nuxt 3 site running statically on Netlify while still have my API's available as functions for client-side requests.

📚 What are you trying to do?

I would like to have all my pages generated prerendered and full html

🔍 What have you tried?

No response

ℹ️ Additional context

No response

🐛 The bug

Node 18.8.0
Npm 8.18.0
OS: Win11

I've just cloned the repo (v0.2.1), installed dependencies and issued npm run build command. Here's the output I got:

src/module.ts(5,1): error TS2742: The inferred type of 'default' cannot be named without a reference to '@nuxt/kit/node_modules/@nuxt/schema'. This is likely not portable. A type annotation is necessary.
src/module.ts(5,1): error TS2742: The inferred type of 'default' cannot be named without a reference to '@nuxt/kit/node_modules/@nuxt/schema'. This is likely not portable. A type annotation is necessary.

Error: Failed to compile. Check the logs above.
    at error (file:///C:/Users/iamma/Desktop/Dev/nuxt-full-static/node_modules/rollup/dist/es/shared/rollup.js:1858:30)
    at throwPluginError (file:///C:/Users/iamma/Desktop/Dev/nuxt-full-static/node_modules/rollup/dist/es/shared/rollup.js:21781:12)
    at Object.error (file:///C:/Users/iamma/Desktop/Dev/nuxt-full-static/node_modules/rollup/dist/es/shared/rollup.js:22503:20)
    at Object.error (file:///C:/Users/iamma/Desktop/Dev/nuxt-full-static/node_modules/rollup/dist/es/shared/rollup.js:21958:42)
    at Object.transform (file:///C:/Users/iamma/Desktop/Dev/nuxt-full-static/node_modules/rollup-plugin-dts/dist/rollup-plugin-dts.mjs:1590:26)
    at file:///C:/Users/iamma/Desktop/Dev/nuxt-full-static/node_modules/rollup/dist/es/shared/rollup.js:22710:40
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
  id: 'C:\\Users\\iamma\\Desktop\\Dev\\nuxt-full-static\\src\\module.ts',
  hook: 'transform',
  code: 'PLUGIN_ERROR',
  plugin: 'dts',
  watchFiles: [
    'C:\\Users\\iamma\\Desktop\\Dev\\nuxt-full-static\\src\\module.ts'
  ]
}

🛠️ To reproduce

https://stackblitz.com/github/danielroe/nuxt-full-static/tree/main/playground

🌈 Expected behaviour

Build process should succeed

ℹ️ Additional context

No response