Nuxt.js

Nuxt.js

Application and Data / Languages & Frameworks / Front-End Frameworks
Needs advice
on
GraphQLGraphQLSymfonySymfony
and
Vue.jsVue.js

Hi all - we've built a very custom and complex application and UI using custom Vue.js + Nuxt.js, which sits on top of a GraphQL API provided by Symfony.

It's a completely custom UI for administration with lots of complex data relationships and the way we've done it has worked very well... however...

Now we need to build a second part of the system, which is a simpler CRUD style application for managing a simpler data object, but one that still has many relationships. It doesn't need quite as much flexibility, but we do need to deliver it faster if possible.

We've looked at various options, for example: - What we've got (Symfony/GraphQL/Apollo/Vue/Nuxt) - A simpler version of the above using a REST API - Symfony + API-Platform + Vue3 - Native Symfony server rendered

When we consider other frameworks, we always seem to hit stumbling blocks - my lead developer is not keen to use anything that will restrict what he can do, but I also need to consider whether there are faster / cheaper / better solutions out there.

The frameworks all seem to be able to create the code to update / delete individual data tables with ease, but make it difficult / impossible when there are complex data relationships.

Does anyone have any other ideas before we continue the way we are doing things?

Thanks in advance.

READ MORE
4 upvotes·31.4K views
Replies (1)
Lead Developer at SEISIGMA SRL·

Why don't you try Laravel + Inertia.js + Vue.js for this simpler application? It's feel cohesive and allows you to move quickly and maintain the same core (PHP + Vue) to simplify the maintenance.

READ MORE
3 upvotes·9.7K views
Needs advice
on
FirebaseFirebaseNext.jsNext.js
and
Nuxt.jsNuxt.js

I want to develop a small start up website that has simple CRUD but beautiful UI and UX (an invitation website actually). I need the website to be on market quickly so I'm planning to use BaaS (which is Firebase) for handling the Backend stuff. Now what's left is the Frontend. I'm looking for a suitable Frontend framework for me to work with. I'm pretty new to Javascript and after I did some research, I'm considering Next.js and Nuxt.js.

Anyway, the frameworks that previously I've worked with are Laravel and Flutter.

So which one is the recommended Frontend web framework for me, Next.js or Nuxt.js? Considering previous frameworks that I've worked with, which one will be fit for me to learn and develop quickly?

Thank you.

READ MORE
7 upvotes·24.1K views
Replies (3)
Software Engineer at Keen·
Recommends
on
Firebase
Nuxt.js

You've mentioned you used Laravel and so happens Laravel + VueJS/Nuxtjs are more popular than Laravel + React.

Even though you can use whatever frontend for whatever backend you have but it's great to go with NuxtJS since Laravel + Nuxt community is more active if you happen to have some questions later on.

READ MORE
7 upvotes·2 comments·6.4K views
Gideon Kurniawan
Gideon Kurniawan
·
August 22nd 2022 at 11:14AM

how if I don't want to use Laravel at all, just Firebase for backend.

Are Firebase + Nuxt.js still the way to go instead of Firebase + Next.js?

·
Reply
Keanu Gargar
Keanu Gargar
·
January 22nd 2023 at 9:08AM

absolutely, Firebase + NuxtJS was my first stack when i was learning web dev 4 years ago.

I'm now slowly transitioning into more complex stuffs such as React + NestJS for learning and experience

·
Reply
full stack web developer ·
Recommends
on
Nuxt.js

you said that you are new at JS i don't know if you used Vue.js or React before if you don't i think that you should learn one of them first and after that you will decide the best for you

READ MORE
4 upvotes·7.3K views
View all (3)
Senior Software Engineer at Incube8 Pte. Ltd·
Needs advice
on
NestJSNestJS
and
Next.jsNext.js

I would choose Next.js / Nuxt.js or SvelteKit as they're implemented to support the backend that manages cookies/sessions/API/reactive components and props.

The good thing about them is that if ever your app grows with a ton of traffic, you can easily migrate your SSR app and use other programming languages such as Golang or Rust to serve the API.

NestJS is only used for the backend side, however, the backend side of this is already offered from these big 3 (Next/Nuxt/SvelteKit), as these 3 major SSR Frameworks were able to connect from RDB / MongoDB / GraphQL / 3rd Party APIs, you name it!

Regarding websocket / service-worker (PWA) / wasm, those big 3 can do it too

TL;DR: NodeJS is so big, don't complicate your life, make a single route to handle the frontend and backend, migrating to performant environment such as Go/Rust can be done over an api call inside those big 3 Next/Nuxt/SvelteKit.

READ MORE
4 upvotes·317.6K views
Software Engineer at Hobbyist/Early Startups·
Needs advice
on
Next.jsNext.js
and
Nuxt.jsNuxt.js

SaaS project and need to decide on a front-end framework. Will use Node.js for restful API services, and PostgreSQL for the database. Possibly introduce Prisma/Apollo if required. Infrastructure is likely to be AWS. This is a business to business SaaS project, not the consumer. 1-2K potential org subscribers, where the orgs are small businesses with 1-15 employees. The product would be used daily, mostly serving the North American market. I'm struggling with what front-end framework. I lean towards Vue.js/ Nuxt.js as it's what I have the most experience with, it's an easier learning curve for new inexperienced developers, and it had great growth in recent years. However, React/Next.js are established frameworks, with a larger community but a steeper learning curve (if I can't get intermediate to senior react developers) and I haven't worked with it. I'm looking for not answers, but advice from the community regarding what other factors I should be considering when deciding. This is a new project (not a re-write of an existing one). Appreciate everyone's feedback.

READ MORE
5 upvotes·39.6K views
Needs advice
on
Next.jsNext.jsReactReact
and
Vue.jsVue.js

Which is better to build a multipage web application - Vue.js, React, Next.js or Nuxt.js? What are the pros and cons of using one over the other?

READ MORE
3 upvotes·9.6K views
Needs advice
on
GolangGolangPHPPHP
and
ReactReact

I need honest advice on the below 2 Stacks to venture in as a Full Stack Web Developer:

1). React + Go

2). TALL Stack (Tailwind CSS, Alpine, Laravel, Livewire), PHP + Vue.js (Nuxt.js)

Considerations will be Security, Fast Deployment, Job Pay, Easy for Integration, Enterprise Development

READ MORE
4 upvotes·18.4K views
Replies (1)

Everything below is personal opinion.

Personally, I do not believe you should tightly couple front & back ends, or particular frameworks (both front & back-end).

Learn the underlying language(s) and use modern practices with them. This is much more important than learning a framework, as the framework will eventually be something you utilize instead of being a crutch. Find a local developer group/slack/discord and ask for suggestions on where to learn from. Pay more attention to official language documentation than stackoverflow when looking for language-level answers.

Go will likely get you better pay than PHP, but PHP will be much easier to get up and running with. Security is not tightly coupled to anything. You just need to know how to do things well... you can code crap in any language.

Unless you want to be a poor soul being wrung out by a startup or dev shop, I would not try for "full stack" immediately. Get good at one thing and expand out from there. You will likely learn some bits of the other side as you grow.

The market is flooded with JS devs from bootcamps (I do not believe the pandemic has changed that), so I would say to try your hand as a back-end developer. Of course, if you feel you are more of a visual person, you should stick with front-end work since you will be happier there.

READ MORE
3 upvotes·1 comment·401 views
Teves L
Teves L
·
November 20th 2021 at 1:21PM

5 Star. Appreciate !

·
Reply
Senior software engineer at Shortcut·
Needs advice
on
FlutterFlutterIonicIonic
and
React NativeReact Native

Greetings!

I have been searching lately for frameworks to build mobile apps.

We are trying to make something like a quiz app as a way for customers to contact us. I considered Ionic and React Native because we use JavaScript most of the time in websites, e.g., Vue.js/Nuxt.js. But Flutter seems a decent choice as well, especially since you can use Android/iOS-like components. We are looking for something that works in the long term, something that's time and cost-effective, especially when paired with backend services like Firebase or a GraphQL server. I would like to know your opinions and recommendations. Thank you!

READ MORE
7 upvotes·275K views
Replies (5)
Software Engineer at Djinn Digital LTD·
Recommends
on
Flutter

I think in the long term Flutter would be your best bet, I work with both flutter and react native daily and I am constantly finding reasons why flutter is better then RN, some general things I've found with flutter are the following:

  • User base is growing massively and a lot of companies are switching over to flutter
  • Performance is much better than React, both usage and compile times.
  • Managing framework updates with Flutter is a breeze and not so great with React.
READ MORE
14 upvotes·68.6K views
Technical Lead at Infynno Solutions·
Recommends
on
React Native

I have been exploring the Flutter lately it's good but if I am building something which is really huge then I will definitely use React Native for these reasons

  1. React Native is used by so many big companies so there are libraries for everything you need.
  2. As of now React Native community is bigger and more active than Flutter so if you're stuck anywhere it will be easy to get help or just find a solution from stack overflow.
  3. Since you're already working on JS you wouldn't need to learn anything new and you can focus on building your product.

The question you should be asking yourself Do I want to spend my time learning a new framework and then build the product or should I just building the product with the framework I know.

READ MORE
8 upvotes·1 comment·70.2K views
Mayank Verma
Mayank Verma
·
July 24th 2021 at 2:53PM

Are there any performance comparisons you made between the two ?

·
Reply
View all (5)
Jr Fullstack Developer at Stefanini Inspiring·
Needs advice
on
Nuxt.jsNuxt.js
and
Vue.jsVue.js

TL;DR: Shall I keep developing with Nuxt.js 2 and wait for a migration guide to Nuxt 3? Or start developing with Vue.js 3 using Vite, and then migrate to Nuxt 3 when it comes out?

Long version: We have an old web application running on AngularJS and Bootstrap for frontend. It is mostly a user interface to easily read and post data to our engine.

We want to redo this web application. Started from scratch using the newest version of Angular 2+ and Material Design for frontend. We haven't even finished rewriting half of the application and it is becoming dreadful to work on.

  • The cold start takes too much time
  • Every little change reload the whole page. Seconds to minutes of development lost looking at a loading blank page just changing css
  • Code maintainability is getting worse... again... as the application grows, since we must create everytime 5 files for a new page (html, component.ts, module.ts, scss, routing.ts)

I'm currently trying to code a Proof of Concept using Nuxt.js and Tailwind CSS. But the thing is, Vue.js 3 is out and has interesting features such as the composition API, teleport and fragments. Also we wish to use the Vite frontend tooling, to improve our time developing regardless of our application size. It feels like a better alternative to Webpack, which is what Nuxt 2 uses.

I'm already trying Nuxt.js with the nuxt-vite experimental module, but many nuxt modules are still incompatible from the time I'm posting this. It is also becoming cumbersome not being able to use teleport or fragments, but that can be circumvented with good components.

What I'm asking is, what should be the wisest decision: keep developing with Nuxt 2 and wait for a migration guide to Nuxt 3? Or start developing with Vue.js 3 using Vite, and then migrate to Nuxt 3 when it comes out?

READ MORE
8 upvotes·478.9K views
Replies (5)
Recommends
on
Nuxt.js
Vue.js

As someone who's been working in Nuxt since April 2018, I'd highly recommend to go ahead and forge ahead with Nuxt 2. All of the core fundamental hallmarks of Nuxt 2 will be present in Nuxt 3, and Composition API, teleports, etc. are all just building upon the foundation Nuxt 2 has. Same with Vue 2 to Vue 3. There's zero reason to feel pigeonholed into waiting for a release to come out. JS frameworks are always evolving, and you're going to find things that Vue 3 / Nuxt 3 simply might not be ready for that Vue 2 / Nuxt 2 have already fantastically implemented. I'd advise start building your app today and whenever Vue 3 / Nuxt 3 hits a release stage, then you can look at the migration path (which really shouldn't be that categorically complex) and decide whether there are enough performance and framework feature reasons to change. Even when you do change, it can be component by component - you don't have to change everything overnight. Better to get a head start with your app's construction than to delay and worry about which version of the tool to use to build it.

READ MORE
6 upvotes·14.6K views
Software Developer/Engineer ·
Recommends
on
Nuxt.js

Better use the nuxt 2, and if nuxt 3 comes out.. I believe it will be easier to migrate because I believe the folder structure for nuxt 2 will also be the same as better use the nuxt 2, and if nuxt 3 comes out.. I believe it will be easier to migrate because I believe the folder structure for nuxt 2 will also be the same as the folder structure for nuxt 3.. so copy-paste folders and fix maybe s some errors, and done...

READ MORE
6 upvotes·14.6K views
View all (5)
Needs advice
on
AhrefsAhrefs
and
SeobilitySeobility
at
()

I'm looking for a robust tool that can analyse a statically generated Nuxt.js site on an SEO basis. Does anyone have any decent and reliable tools to understand SEO search ranking gaps? We are also looking at SEOptimer as another potential tool. We use Google Lighthouse to understand Speed Metrics, Performance, etc., but we would certainly like to understand the SEO within an automated build process.

READ MORE
6 upvotes·6.9K views
Replies (1)
Marketing Analyst at Target Energy Solution LLC·
Recommends
on
Ahrefs
in

Ahref is the best tool most seo experts recommend this tool due to its huge huge database of backlinks. You can explore content, check backlink profile of competitors, do keyword research in any country, batch analysis is super cool, content explorer to explore obsolete content and regenerate it for your own purpose. A lot you can do with AHRef, one drawback it doesn't provide traffic data just like SEMRUSH.

READ MORE
Shahrukh Sadiq - Quora (quora.com)
3 upvotes·453 views
Needs advice
on
GridsomeGridsome
and
Nuxt.jsNuxt.js

Hello All,

I would like some advice on what you would suggest for a website showing products & services. Max, about 100 products. No eCommerce features are required at the moment. I will also add a search feature and a couple of forms.

I already use Storyblok CMS for the content side of things. One thing that worries me about choosing the build is I ideally don't want the public API key visible, just to prevent any future abuse. I understand if I use the build module in Nuxt.js for storybook, the API key is visible in $nuxt in the console.

READ MORE
5 upvotes·29.6K views
Replies (5)
Lead Engineer, Developer Relations & Merchant Strategy at Nacelle·
Recommends
on
Nuxt.js
Vercel

Hey Andrew,

This is a common question I’ve dealt with a lot. I’ve been using Nuxt professionally for over 3 years now, and one solution is to proxy your StoryBlok requests with another api endpoint, that way you only expose the data you want while protecting any other data you’re worried about. You can do this really easily using Vercel Serverless functions. Furthermore, using the Nuxt generate command, you can statically render your content at build time so your users won’t even hit an api at all when they are using your site!

READ MORE
5 upvotes·1 comment·6.7K views
Andrew B
Andrew B
·
January 13th 2021 at 7:37AM

Thanks for the repsonse Levi.

Yeah i think that is the route i will take by doing proxy requests and using Nuxt. I'll have to check out Vercel, but i have used netlify serverless functions before.

Thanks again.

·
Reply
View all (5)