The tech-blog-vue3-nuxt3 from longrun

Development server fails to start

yarn dev -o

After about 5 seconds,

FATAL ERROR: v8::ToLocalChecked Empty MaybeLocal.
 1: 0x100f45260 node::Abort() [/Users/yuichi/.nodebrew/node/v16.14.2/bin/node]

 ERROR  [worker reload] [worker init]Package import specifier "#nitro" is not defined in package /Users/yuichi/Documents/github/longrun/nuxt3-app/node_modules/nuxt3/package.json imported from /Users/yuichi/Documents/github/longrun/nuxt3-app/node_modules/nuxt3/dist/core/runtime/nitro/paths.mjs

  at new NodeError (node:internal/errors:371:5)
  at throwImportNotDefined (node:internal/modules/esm/resolve:442:9)
  at packageImportsResolve (node:internal/modules/esm/resolve:819:3)
  at moduleResolve (node:internal/modules/esm/resolve:973:21)
  at defaultResolve (node:internal/modules/esm/resolve:1080:11)
  at ESMLoader.resolve (node:internal/modules/esm/loader:530:30)
  at ESMLoader.getModuleJob (node:internal/modules/esm/loader:251:18)
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:79:40)
  at link (node:internal/modules/esm/module_job:78:36)

 2: 0x100f453e8 node::errors::TryCatchScope::~TryCatchScope() [/Users/yuichi/.nodebrew/node/v16.14.2/bin/node]
 3: 0x101095c94 v8::V8::ToLocalEmpty() [/Users/yuichi/.nodebrew/node/v16.14.2/bin/node]
 4: 0x100f41518 node::fs::FSReqPromise<node::AliasedBufferBase<double, v8::Float64Array, void> >::Resolve(v8::Local<v8::Value>) [/Users/yuichi/.nodebrew/node/v16.14.2/bin/node]
 5: 0x100f49d04 node::fs::AfterStat(uv_fs_s*) [/Users/yuichi/.nodebrew/node/v16.14.2/bin/node]
 6: 0x1017b2aa4 uv__work_done [/Users/yuichi/.nodebrew/node/v16.14.2/bin/node]
 7: 0x1017b6240 uv__async_io [/Users/yuichi/.nodebrew/node/v16.14.2/bin/node]
 8: 0x1017c7fb8 uv__io_poll [/Users/yuichi/.nodebrew/node/v16.14.2/bin/node]
 9: 0x1017b66d0 uv_run [/Users/yuichi/.nodebrew/node/v16.14.2/bin/node]
10: 0x100e92ccc node::SpinEventLoop(node::Environment*) [/Users/yuichi/.nodebrew/node/v16.14.2/bin/node]
11: 0x100fd7768 node::worker::Worker::Run() [/Users/yuichi/.nodebrew/node/v16.14.2/bin/node]
12: 0x100fda990 node::worker::Worker::StartThread(v8::FunctionCallbackInfo<v8::Value> const&)::$_3::__invoke(void*) [/Users/yuichi/.nodebrew/node/v16.14.2/bin/node]
13: 0x1bb3fa26c _pthread_start [/usr/lib/system/libsystem_pthread.dylib]
14: 0x1bb3f508c thread_start [/usr/lib/system/libsystem_pthread.dylib]

So I'm avoiding it with build & start.

tune-up for Lighthouse

Category is broken

after #52

add lint reviewdog on github actions

Can't access sub pages after yarn generated

Do yarn generate and after upload to Firebase Hosting, But can't access to sub pages.
Because generated files are attended on .html extension.

URI: /category/development
Generated files: dist/category/development.html

Determine the license

Article section generated by contentful is hidden on the Production environment

Generate article in sever mode.
View web page then erase article section. Contents is displayed only momentarily.

API Keys

Hi,

I'm not sure if I'm doing this right. Where do you locate the CONTENTFUL_CONTENT_KEY and should the CONTENTFUL_ACCESS_TOKEN be set to the Delivery API key or the Preview Api Key?

Thanks. I'm new to contentful.

Each time, I run npm run dev and visit the loaded url, I get this error.

[Vue warn]: Unhandled error during execution of setup function
  at <NavBar>
[nuxt] [request error] Cannot read properties of undefined (reading 'fields')
  at ..../tech-blog-vue3-nuxt3/.nuxt/dist/server/server.mjs:9918:320
  at Module.ssrRenderList (...\tech-blog-vue3-nuxt3\node_modules\@vue\server-renderer\dist\server-renderer.cjs.js:915:13)
... (truncated for brevity)

Load tags from contentful

Implement v0.2.0 features

v0.2.0

Feature

Refactor

#30
dynamic author name and icon

add style lint

Broken layout if use code block in markdown (only mobile)

Code container (pre and code block) is force wide of article section.

evidence:

optimize of large size images

refs:

Implement initial features

v0.1.0 Scope

Repair breaking mobile layout

woops!

Set OGP properties

refs: https://qiita.com/hiroyukiwk/items/cf890274d3953c2c8f38

Lighthouse perfect score

Setting up Nuxt3 + Contentful on dev/production

Hi @y-takebe , I found your repo looking for a solution for how to set up Nuxt3 + Contentful for development and production.

I'm struggling to make Contentful work for production specifically.

I see you're importing Contentful in a plugin like this:

import * as contentful from "contentful";

This works well when running npm run dev, but when you run npm run build, then npm run start, this happens:

TypeError: contentful.createClient is not a function

I spent days trying to fix that and didn't find a solution yet.

Were you able to make it work by any chance?

Upgrade to Nuxt 3

Static image is not visible with static mode (ssg)

Put on a static image include footer.

<img src="../static/images/logo-white-bg_transparent-465x195.png" style="width: 120px" class="mb-3" />

Do yarn generate then image doesn't put on ~/.output/public/_nuxt/.

longrun / tech-blog-vue3-nuxt3 Goto Github PK

tech-blog-vue3-nuxt3's People

Contributors

Stargazers

Watchers

Forkers

tech-blog-vue3-nuxt3's Issues

v0.2.0

Feature

Refactor

v0.1.0 Scope

Recommend Projects

Recommend Topics

Recommend Org