
Learn about the new features in the Next.js 16 release: why they matter, how they impact your workflow, and how to start using them.

Test out Meta’s AI model, Llama, on a real CRUD frontend projects, compare it with competing models, and walk through the setup process.

Rosario De Chiara discusses why small language models (SLMs) may outperform giants in specific real-world AI systems.

Vibe coding isn’t just AI-assisted chaos. Here’s how to avoid insecure, unreadable code and turn your “vibes” into real developer productivity.
Would you be interested in joining LogRocket's developer community?
Join LogRocket’s Content Advisory Board. You’ll help inform the type of content we create and get access to exclusive meetups, social accreditation, and swag.
Sign up now
10 Replies to "Delivering content with Strapi and Nuxt"
Thank you for a great article on how to use Nuxt with Strapi + GraphQL.
One thing. You can install GraphQL in strapi from the marketplace in the strapi admin. Then you reach the GraphQL playground via localhost:1337/graphql.
Thanks for the article. Some links are broken when I follow the steps:
– http://localhost:1337/admin/plugins/users-permissions should be http://localhost:1337/admin/plugins/users-permissions/roles
– http://localhost:1337/admin/plugins/users-permissions.graphql should be http://localhost:1337/graphql as Christher points out.
Thanks for catching that Christher – making changes now. Glad you liked it by the way.
Hey Stijn thanks for pointing that out! Making changes as soon as I can
Hey Daniel, very appreciate your article, but unfortunately i got stuck at this problem:
ERROR in ./pages/index.vue?vue&type=script&lang=js&
Syntax Error: Unexpected character ‘’ (30:0)
28 |
29 |
> 30 | export default {
| ^
31 | data() {
32 | return {
33 | albums: [],
Could you help me to solve that? :/
Best wishes
Hey Ben! I can’t seem to see what the problem might be from the snippet you sent. Could you share a gist of the file? Do check that statement is in a tag though
Hey Ben, I have the same problem as you, did you happen to find what was causing that problem ?
Thanks
I have the same problem
To help anyone with the script tag throwing an error, here is a snippet of which i use that gets around the error:
import Layout from ‘~/layouts/Default’;
import placesQuery from ‘~/apollo/queries/places/place’;
export default {
data() {
return {
// Initialize an empty places variable
places: [],
query: ”
}
},
apollo: {
places: {
prefetch: true,
query: placesQuery
}
},
computed: {
// Search system
filteredList() {
return this.places.filter(place => {
return place.name.toLowerCase().includes(this.query.toLowerCase())
})
},
},
head: {
title: ‘My Places’
}
}
Hey, sorry for my late reply – i did solve the problem, simply copied the code again from above and paste it in. Didn’t find any reason why it doesn’t work in the first approach.