Hey there!

So during my internship I learned a lot about Linux, Docker and servers and I recently switched from a shared hosting to my own VPS. On this VPS I currently have one nginx server running that serves a static ReactJs application. This is temponarily, I SFTP-ed the build files to the server and added a config file for ssl, ciphers and dhparams. I plan to change it later to a nextjs application with a ci/di pipeline etc. I also added a 'runuser' that owns the /srv/web directory in which the webserver files are located. Ssh has passwords disabled and my private keys have passphrases.

Now that I it's been running for a few days I noticed a lot of requests from botnets that tried to access phpmyadmin and adminpanels on my server which gave me quite a scare. Luckily my website does not have a backend and I would never expose phpmyadmin like that if I did have it.

Now my question is:
Do you guys know any good articles or have tips and tricks for securing my server and future projects? Are there any good practices that I should absolutely read and follow? (Like not exposing server details etc., php version, rate limiting). I really want to move forward with my quest for knowledge and feel like I should have a good basis when it comes to managing a server, especially with the current privacy laws in place.

Thanks in advance for enduring my rant and infodump 😅

Fuck web development - especially CSS. Actually only CSS.

Love Js/Ts, Vue, React (NextJs ftw) and especially thank you to SCSS for making things easier.

But CSS is my most detested LaNgUagE now.

After I finish these 2 projects, I’m not doing CSS anymore. Minimal touches, sure, but no more positioning.

Maybe that’s why I like Flutter, no hassles yet.

This is fucking mental. Nextjs is a fucking unoptimized piece of fucking trash framework. When i dont touch it for several days magically everything breaks and no longer works. What the FUCK is this garbage framework.

Also i just npm run dev after 3 days of not touching the project, when it started routing is fucking dead, freezes and loading forever, getting stuck at UI, checked activity monitor just to see this piece of fucking cum eat 330-390% of my fucking CPU

Powered by Shitcel

Nextjs unstable cum gargled bullshit garbage framework for script kiddies who think they know shit about programming but they're mindless retards who know nothing about security, jwt tokens or even devops infrastructure or IaC. Fucking useless overexaggerated trillions of dollars of marketing budget for Shitcel's framework called nextjs is not as good as the fake marketing campaign portrayed it to be. It was all a fabricated lie. A fascade. A hollywood shitshow. A faked moon landing type of framework. A fucking meme framework. Fucking pissed off for wasting my time learning it

I literally dont use any other code editor other than intellij. Yes not even your fucking vscode. I code frontend in intellij! I code angular and nextjs in intellij!! Intellij literally has everything anything else has plus way more. Intellisense is also much better. Theres also been a major update yesterday and everything is so much faster and smarter. And theme is way better looking. I will dick ride intellij till death do us apart!!!!

I am so much stunned i cannot form a sentence on what to say. Lost 3 days trying to fix a bug on why socket.io was connecting to backend TWICE per user. I cannot fucking comprehend this. Backend works fine because via postman it doesnt connect twice. Everything works fine. 72 fucking hours waste d of my life just to find out i had to change

<React.StrictMode>
<App />
</React.StrictMode>

Into

<App />

When i tell you my jaw fucking dropped it fucking did. And it does not drop often or that easily for me. What the FUCK is react strict mode???? FUCK react. I fucking hate this piece of garbage framework. I even like nextjs better. React💩💩💩💩💩💩💩💩💩💩motberfucker WHY is strict mode fucking my code what use does it have who gives a shit why does it have anything to do with websocket connection FUCK react 💩💩💩💩💩💩💩💩💩 how does this piece of camel turd have anything to do with duplicate connection 💩💩💩💩MFKKCER this garbage doesnt exist in my beautiful angular or nextjs PLS why this cancer has to be so headaching i knew I'll get FUCKED if i dont go over a detailed course learning react from scratch. Now im suffering. Learning this garbage the hard way FUCK off

I just finished up an absolute cesspool of a project. I was seriously reconsidering a career change to something less stressful, like welding on a high-rise building, or capturing Somali pirates.

Next project is supposed to be a walk in the park, and probably still will be.

MGR: You're starting a new project next week. Prismic for the CMS, and NextJS.
ME: Oh, okay, cool. Well, let me get up to speed on Prismic and Next since I haven't used either of those.
Spent some time last week - easy enough, nothing really new/ground breaking here.

Sprint 0.5 Kick off meeting today
MGR: By the way, we're still using Prismic for the CMS, but we're gonna go ahead and use Gatsby instead of Next.
Me: ... *facepalm

FUCK.
NEXTJS.

...

THIS PIECE OF FUCKING SHIT WORKED 4 DAYS AGO.

I CHANGED ***NOTHING***.

4 DAYS LATER I START THE PROJECT AGAIN AND HALF THE STUFF BREAK. NOTHING FUCKING WORKS!!!!!!!

SOMETIMES IT WORKS SOMETIMES IT BREAKS

MESSAGES GET SENT SUCCESSFULLY 2-3 TIMES IN A ROW AND THEN Random 401 error

Random page glitch flickering when routing to new pages rendering the content blank

Random list map iteration crashes on ui dev side

This is such a fucking SHIT

Now i started my angular and spring boot exact same project that i stopped worjing on since october 2023 AND EVERYTHING WORKS FINE WITHOUT ANY RANDOM ERRORS

RANDOM ERRORS ONLY HAPPEN FOR NEXTJS FUCKSHIT FUCKING FRAMEWORK

FUCKIEST DOGSHIT GORILLACUM MAD FUCKIJNNGG RETARD FRAMEWORK FOR AUTISTICS I WASTED SO MUCH TIME LEARNING THIS PIECE OF FUCKING GARBAGE!!!!!!!!!

How is coupling backend + frontend as a single nextjs app a good idea? What the fuck is this?

What if you have to create new replica sets of a backend because of high load pressure? What about load balancers?? What if i want my backend to be a microservice? How do i unit test the backend if its cluttered with frontend? WTF IS THIS

WHY DID NEXTJS THINK THIS IS A GOOD IDEA AND WHY DO SO MANY DEVS LOVE THIS IDEA AND GLORIFY NEXTJS?

Nextjs seems like the type of framework that was built by a frontend web developer who just refuses to learn backend technology at all costs.

---

its been a few hours and the concept of nextjs is bending my mind rn. I thought nextjs is just another frontend framework. A react killer. Only to find out its both a backend + frontend framework.

Cluttering backend stuff into frontend is gonna get messy no matter how much you try to modularize the code. Am i lost or am i right???

---

Scratching my head over nextjs. Looks like a great framework for small-mid project but definitely not large project. The more shit the project needs the more messy shit become. Angular has modularized all of this in separate folders -- components services guards interceptors (now new stuff coming called Signals) etc. All of it is separated in individual folders and kept frontend-only. Simple enough. No backend clutter

---

Can i even use nextjs strictly as a frontend framework while it uses my custom backend built in java spring boot? For example use nextjs /api/ folder to handle custom routes built outside of nextjs framework?

Am i insane here

Me: Hey programming languages, is 0 == [ ] ?

PHP: Nope. It's not.
Python: Nope. Easy.
Java: Heh. No it isn't.

Javascript: Oh, um yeah, hurrr durrr harr harr YES it is.
But screw it, hAvE yOu hEaRd oF nExTjS? wE sUpPoRt sQl qUeRiEs nOw.

Can you fucking imagine this tiny fragment of a large complex software built in nextjs?

How many page.tsx and layout.tsx of that exact file names is gonna be there?

How can you track in this folder hierarchy which page.tsx is for which component etc?

How is this clutterfuck of a structure good and loved and approved by developers?

Nextjs is a fucking double edged sword. As much as how good it is it is also bad as bullshit

yeah we use isomorphic async hydrated SSR pseudo-rendering with edge-server chunked ES module CSS-in-JS-in-CSS ESNext TypeScript interop through GraphQL in react-native-web transpilation to react-dom in NextJS isomorphic rendering context React hooks

I don't understand Laravel...

I'm just a software undergrad in my final year. Coming from JS side of things (Express, NextJS), I find Laravel so complex, and maybe unnessecarily complex?

Like, when I wanna learn Laravel, I understand the MVC structure. However, going deeper into it, there are libraries/names like
1. Vagrant
2. Facade
3. Artisan
4. Guard
5. Gate
6. Policies
ALL OF THESE
WHICH I DON'T UNDERSTAND HOW IT TIES TO THE FUCKING MVC STRUCTURE

I'm seriously giving up... My courses forces us to learn this framework, and I feel more and more inadequate because I have so many things to learn, including things for my FYP, which involves the use of NextJS. And can I mention HOW EASY AND MINIMALISTIC JS FRAMEWORKS ARE?

LIKE, I JUST WANNA MAKE A STUPID FUCKING APP MAN, WHY MUST I KNOW SHIT LIKE ARTISAN MAKE, WHAT THE FUCK VAGRANT IS, HOW GATES ARE RELATED TO POLICIES, HOW POLICIES RELATE TO VIEWS, WHY THE FUCK DOES FACADE EXIST, and other fucking stupid questions I need to ask in order to utilize Laravel correctly?

Don't even get me started on JETSTREAM, FORTIFY, LARAVEL/UI, BREEZE. Like, WHY THE FUCK CAN'T YOU JUST HAVE ONE SINGLE PATTERN, AND THEN HAVE GOOD TUTORIALS RELATED TO THAT ONE SINGLE THING?

I don't know, am I just stupid? Looking at Laravel, I feel like my braincells die more and more looking at the words used, the unusual terms, and the pain that comes with trying to learn it, because I don't have time. I'm going to fucking fail this subject because I have too much other stuff in my life to learn about.

I'm fucking tired man...

I inherited a nextjs project from an unknown guy and am fangirling the codebase

But the deeper I familiarise myself with it, the more the cracks begin to appear:

1) The dude Is incapable of grasping the basics of DRY concept. He actually setup a ton of stuff I may have done poorly if I'd started working straight out of the docs, so I feel like I owe him a shower of praise. I guess being new to nextjs makes it look more impressive than it actually is. He was paid off, yet getting the credit seems unearned to me. I'm just afraid reaching out to him might turn around to bite me in the ass
***

I had the above in my drafts, contemplating sending him a token to show some appreciation for unknowingly showing me the ropes. I was going to find him on LinkedIn using his commit names. But after doing everything I've done, undergoing the anxiety and severe pressure I faced at the hands of the project owners, I'm not sharing a farthing with anybody

Yes, I may not have known about zustand and persist middleware. Yes, he did all the ui. Yes, he created the base components and fancy wrappers around form and button html elements. For those, I'm grateful

But the amount of refactoring I had to do to, for an opportunity to implement my own target features, I'd say I can lay as much claim to the project as he does.

Side note #1: I have some newfound respect for front end devs. We used to discriminate against them for doing just css but that was only relevant in the jquery days. Now, they have to use cryptic css frameworks (sass, less, tailwind), they have to learn esoteric syntax of some js framework and write controllers/components as the case may be. They have to (the worst part), bind this data to an API, which would never make sense to me coming from a php ssr-natural world

Back rewarding the guy, some of the challenges I came back from were:

1) Next server outages: I still don't know the workaround this. The app terminates, browser giving an error about using up memory. I have to wait for about 10 minutes before I can access the app again

2) spring Webflux authentication not hydrating: I was unexpectedly asked to work on the back end too, where I got tortured with this horrifying condition. The most poorly documented framework for the Web has no upto date guide on how to implement jwt security measures. I opened a question on stackoverflow. A day later, both my question and the helpful answer got downvoted

3) Zustand not retrieving any data from localstorage once page reloads, until I miraculously stumbled on a hack: there's a config callback for reading state after rehydration or thereabout. So I interact with the state there. That's the only way content clearly in localstorage can get transmuted into dynamic format accessible by the code

4) Mongo database suddenly disconnecting: for no apparent reason, this bailed. Accessible on compass. This was even when I realised it was responsible for front end requests not going through. Eventually created a new database and requests surprisingly began connecting again. Thankfully, my laravel background taught me about seeders so I had them on standby from the onset. Wasn't difficult to just port to a fresh database after confirming the first one was inaccessible to the app

After this painful odyssey and the time constraints, threats of moving forward with someone else, I deserve every dime they deem me worthy of and more

Taking over a deserter's work, the level of over abstraction and over generalization is off the charts.

WTF-per-minute (WPM): 3

Me searching for some landing page templates and now I wonder, why the f*ck are the majority of them written React/NextJS??? It is a simple HTML Page, why do you guys have to overload this sh*t with a full-blown JS Framework??

If you feel it’s time to change I have a great job offer for you…
proceeds with offer with maximum wage that is half what you earn and by the way you need to know React, TypeScript, NextJS, Redux, NodeJS, ES6, Webpack, RESTful i GraphQL API
Nice to have is Python and Go

Girl you need to decide if it’s great offer or technology mishmash.
Hell no, glad you didn’t mentioned young and dynamic team cause I clearly see some dynamic technology stack there.

Company helps people find medical treatment clearly forgot about treatment on their stack.

Someone needs to tell them their tech leads are complete morons but since you’re not looking for head of technology it won’t be me lol.

at most 12 serverless next.js pages on zeit/vercel now
it seems everything is shifting to client

Nextjs is good. U just write code and it works

Best? Clojure docs. They have disqus-like thing under every function description where anyone can submit their usage example. One example times forty submissions equals forty examples!

Also w3c specs, nuff said.

Worst? GunJS. Multiple websites that look like each other plus GitHub wiki all with the same content but idk which one should I use, also there is no complete source, you have to look up everywhere. Also NextJS, they’re too busy pitching to investors, there is no way of contacting them, you’re in your own if you choose nextjs, that’s why I banned it everywhere I have the power to ban things

Tailwind css offers a premium package where you have to pay $300 for access to their tailwind styling components. And even additional $150 and $150 and $150 packages depending if your app is for ecommerce application ui or marketing etc.

WTF????

While in Angular Google has provided 100% FREE MATERIAL DESIGN UI COMPONENTS

WHO THE FUCK PREFERS TO CODE IN REACT/NEXTJS/VUE over ANGULAR???

> use angular

Keep seeing videos and posts about people shitting on angular for reasons unknown to me and recommending react

> switch to react

Keep seeing videos and posts about people shitting on react for reasons unknown to me and recommending vite

> switch to vite

Keep seeing videos and posts about people shitting on vite for reasons unknown to me and recommending nextjs

> switch to nextjs

Keep seeing videos and posts about people shitting on nextjs for reasons unknown to me and recommending svelte

Are you devs fucking acoustic?

Yes ! Just copy paste an entire fucking react dashboard into our NextJs project !

But don't stop there mate. Fuck up your branch and mine too to a point even gitkraken can't tell me exactly what fucking operations you did.

This is my first Next project and my first time working with this new client and it's going tits up in less than a month. Fucking great job.

nextjs is cancer framework. Shit so muddied together u cant maintain this shit. Random errors u have no idea where they coming from. Oh my God the hydration and useContext errors! Fuck them. Fuck nextjs

Why the fuck nobody talks about Multi-page apps?! We went from a Web where everything was Multi-page server-rendered, and now everything for Web developers is "Single-page apps".

What about websites who can't do that? Not everything can be a single-page app. Only my uncle's restaurant website, or something which is TRULY a full app. No half choices.
If your website is a multi-page app/portal which actually PRELOADS data, instead of doing 100 fetch to an API within a page that is full of loading bars, well, your life is a pain.
When you want a first contentful paint which isn't a white page, well, your life is a pain.
What are React, Vue, Ember, Angular (let's exclude Svelte and Marko) going to do about Multi-page apps and SSR?

React-router sucks to me. It's performance is weak and it's useful only when you have an SPA with multiple sections which can be treated as pages (e.g. A single SPA divided in tabs).
Server-side rendering is the worst pain ever made by humanity, in React (and prob Vue, I didn't try but I can bet). And even when made easier from libs like Svelte and Marko, I (personally) can't get it to be faster enough compared to a traditional website without a JS framework and with a templating engine.
Anyways, if there's anything that I learnt from React, is to stay away from Next.js. Perfect, beautiful, mess.

All JS frameworks just seem to bloat the code and make it worse and slower, even though they're REALLY helpful.

Why? Why everyone loves them if their downsides are so clear? Why 3 projects out of 3 I made (1 React SSR, 1 Vue, 1 Marko SSR) are and will stay painfully slow and bloated, full of shit, even if in 2020 we should have evolved with the famous three shaking, with the famous lazy loading, etc.?

I am just frustrated.
And let's not even talk about Webpack, Rollup, Lasso, those module bundlers shit which are harder to configure and understand than finding a needle in a haystack.
Lasso was the easiest to configure but I anyways can't understand it. Webpack seems it was made to handle SPAs, as any tool in this freaking world, and not even considering an easy way to integrate multiple bundles for multiple pages (I know it's pretty easy, but with component sharing between pages and big unique bundles Next.js handles it soooo bad it feels like hell).

Am I the only one?

Sorry for the long rant. I just needed to rant right now.

FUCK NEXTJS

The STUPID STUPID STUPID Server components force me to create 123953298341923 files just to add a FUCKING "use client" and the top that basically turns this fucking mess into basic barebones React

WOW. Let's have 34 million libraries in our project and then let's not use them with one fucking keyword that forces me to write my 10 components project as a 300 million files project

Then, I LOVE that all my FUCKING FILES ARE NAMED PAGE

That makes things easy

NextJS can fuck itself

Last night there was a hellstorm of weather that ripped off 10m thick trees out of its fucking ROOTS and smashed cars, traffic lights ripped off, some roofs ripped off, containers flying fucking everywhere, floods and it all went away within 2 hours as if nothing happened

Electricity is fucked and Of Course i lost my internet connection. I dont have my fucking wifi. Im using mobile 4g

I try to continue coding on my project AND LOCALHOST CAN NOT RUN IF I DONT HAVE WIFI??? WTF IS THIS HORSESHIT?

WHY a NEXTJS APP CAN NOT RUN AT 127.0.0.1 IP ADDRESS JUST BECAUSE MY INTERNET IS DEAD FROM SHITSTORM??? WTF DOES LOCAL NETWORK HAVE TO DO WITH THE INTERNET

I SWEAR MAN SOME HIGHER FORCE DOES NOT LET ME WIN

ALL THIS BULLSHIT AINT MY FAULT NO MORE ITS SOME BULLSHIT HIGHER FORCE TAKEN OVER RN

Important thing I learned is not to listen to devs who suggest to learn a framework because its pointless

If i ask should i learn react or angular, some will say angular some react, and both have valid arguments why

When i branch to react and ask if i should learn nextjs or nuxtjs the same thing will happen

No matter if the arguments are valid or not people will prefer a framework they have been biased towards

All frameworks have cons and pros there is no such thing as "the one" perfect framework

No matter how framework is good people will always find a reason to take a shit on it

So from now i wont ask IF i should learn framework X, I'll ask for the order in which to learn it

For example i Know i want to learn A for whatever reason, should i first learn framework B or C?

I dont need your subjective opinion to tell me how B or C sucks and i should do D instead of A

I realized something. No matter what tech i use to code a project there will always be a dev to take a shit on it

someone will recommend to use redis, after i use redis some other dev will trash me for having such a poor choice and recommend me socket.io

Then if i use socket.io some 3rd dev will trash me cause thats not the right way of building stuff and recommend me kafka

If i use kafka some 4th dev will trash me and say why i dont use angular

If I use angular 5th dev will trash me for not using react

If i use react 6th dev will trash me for not using nextjs

Tired of this bullshit

I'll use whatever tech i need. If i dont know what to use ill ask and take the first suggestion. I'll just build a saas and when it starts earning money ill pay other devs to refactor and scale the hell hole (which wont be cause i write good code following solid principles and not spaghetti). Much simpler solution than wrecking my head with decisions of tech stack

Fuck react, fuck nextJS and fuck frontend unit testing, it doesn’t work and will never work.

Lost 3 days because of shitstorm not knowing why my nextjs localhost app wasnt working just go the 3rd day on mongodb dashboard and have a warning that mongodb will block any connections of ip addresses that are not manually added (i have no idea how mongodb works other than just how to use it in code)

Because the shitstorm knocked me off the internet for 3 days (will probably be for over 7 days cause these assholes dont give a shit to fix it) i dont have wifi access so my localhost app cant work

However my dads android has unlimited gb of 4g internet access so i connect to his hotspot and then try to run the app but still fails. I thought i cant run the app until my internet gets fixed from shitstorm just to find out i had to manually allow the inbound IP address of the android phone into the mongodb dashboard. And now it works fine. Fuck off

are these fucking people MAD????

(cant attach images because I SHITTED on devrant so much that my shit has clogged devrants s3 buckets full of bullshit so ill explain the image: full stack position, that asks as requirements frontend development in nextjs, backend engineering in nodejs, and DevOps engineering in cloud using kafka kubernetes and others, named as FULL STACK POSITION)

MOTHERFUCKERS IF I COULD DO ALL OF THOSE PERFECTLY ON MY OWN WHY THE FUCK WOULD I BE LOOKING FOR A JOB???? I CAN JUST BUILD MY OWN BILLION DOLLAR SOFTWARE BRO. FFFCKKK UUU

Somehow nextjs is super powerful and blazing fast. But the way how the fucking frontend and backend is cluttered together, intervined up down left right sideways and in fucking circles its SO fucking confusing and difficult as shit to work with

Is it just me?

Now i am given a task to refactor some piece of Predicate code and then update the unit test so it can be compatible and work with new data

WHAT. Is the Fucking point of unit tests if you have to modify them to adapt to new code anyways???

Unit tests exist just so u can stroke ur sausage??? Just so u can give ur ego an orgasm to tell others "hey look at me how good code i wrote that even unit tests are passing!" ???

I always found unit tests sketchy. almost as if its useless and unnecessary. I still get why they are used (some other dev working on feature 2 might break my shit and unit test can save the day) but if thats the only reason then that doesnt seem like a strong enough reason for me

By now im talking about java!

No wonder i have never seen a single nextjs developer ever write a single unit test. Those people have evolved beyond unit testing just as the nextjs technology itself!

This is why nextjs is the future of web and the Big Daddy Dick King 👑 of technology!

Angular - object oriented programming

React - functional programming

---

Now i fucking understand why nextjs does not have any design patterns. No folder structure for it either. Every project is fucking random and you need to learn every fucking project from scratch cause people stuff shit into different folders and file names

What the fucking is happening with react? They advice you to use NextJs but that thing is just Vercel trying to force us buy their servers. Are we going back to PHP ? Tightly coupled front-backend.

I used to just build any React/Front app and deploy the bundle on a bucket and let the CDN do the rest.

Now you need to spin up a fucking node server to just serve some fucking html. Wtf are we heading.

They say it's for the SEO, why not fix the SEO problem altogether then ? Plus there are already SEO solution out there for SPA.

I'm very disappointed in YouTubers like Theo that are out there pushing people to use vercel and showing tutorial in dep

Bro all we need is npm fucking fucking build

Nextjs is for script kiddies. This is such a fucking CHILDISH framework. The way you write queries is such fuzzy wuzzy BULLSHIT that u cant even write raw sql. Coming from hardcore java spring boot backend of 5 soon 6 years of experience i cannot believe how bullshit it is. Ill stick with java. I need to be oldschool. Im sick of this shit with constsnt new bullshit popping up sugar coated kiddie shit

Guys do you agree?

Javascript until ded.
LOL at this image though, someone on Twitter tossed some of these up.

serious question: in what FUCKING case would i need to use DevOps engineering and custom backend custom frontend AWS azure gcp cloud providers etc if all that bullshit can be avoided and the same performant software can be crafted in 1 single framework -- nextjs?????

all of that bullshit looks like WAY overengineered, marketing-bloated BULLSHIT so bozos can buy more yachts off ur fucking dumbass cloud provider usage.

how is nextjs so powerful that u dont need any of those shits?

beyond me

the only time i see all of this overengineered shit makes sense is if u work on a large corporation software such as bank

then sure.

but chances are if u freelance or build ur own side project

ur NOT gonna fucking need to overengineer all of that cowshit

i literally had to take a step back for several weeks to unbrainwash myself by jeff bozos megacorp

and realize all these megacorps lure u into bullshit

keep it fucking simple you fucking fags and stop feeding the money hungry corps

u dont need a fucking gigazillion complexity software

NextJS.. WAY too fucking fast!! not only is this bullshit loading the whole website super fucking fast, it loads all pages of all sizes in milliseconds, and even SEO optimizes the whole ass website SO fucking good the website ALWAYS ranks #1. This is insane. Even sublinks in SEO are working. Whenever i open a website and it loads super fucking fast i immediately know it's built in nextjs. When i inspect element it i am always right, it is indeed built in "/_next/" nextjs! Learning this bullshit framework makes me start loving it more. So much shit got so much simpler especially the SEO because this bullshit uses SSR!

How is it possible that nextjs developers could build a much more sophisticated web platforms than i do, much faster much more rapidly and easily and ship it to production for almost no costs, not even using any devops pipeline, unit or untegration testing, while i do all of that + devops and it costs me to pay for servers on aws?????

Literally what a nextjs developer can build in 1 month it would take me at least 3-4 months

Why is every fucking website i come across built in nextjs

I chopped of my dick accidentaly, while trying to fix my javascript code

Any ReactJS developer here? Just wanted to ask, how do you handle SEO with ReactJS SPA? Do you follow any tutorial to convert it to SSR? Or do you just use NextJS instead?
Thanks

I think I've asked this before. Just cropped up again cuz I'm pushed to do some stuff in nextjs

I Wonder how much longer before js framework devs realise they've been reverse engineering the browser this whole time, that the current browser spec was outdated since the dawn of Web fidelity and real time applications

I wonder whether there are some guys who have seen this and are already cooking in the background. The browser still treats the Internet like front end and back end, whereas with the way apps are going (eg deprecation of the front/back end roles), it seems apparent the browser needs to scale up by fading whatever js is now

I'm seeing "use server", which was one of php's infamous atrocities back in the day (lack of separation of concerns, everything in index.php). It's shocking how those who ridicule that language let this fly, but that's probably a separate thread. Point is, a bunch of these stuff done by front end frameworks seem like boilerplate but the syntax is far different from what I remember javaScript to be. I only vaguely recollect and understand what I'm reading

Why not merge all the cryptic syntaxes struggling to achieve bare minimal expectations, into advanced markup language controlled by dom attributes? Overhaul and Rethink client - server communication to fit modern standard. Someone needs to step out of the box and take a good look at the rat race. I find our lives would be made much simpler if api integration into client side behaviour wasn't a separate thing altogether

You have all these funny hoops and precarious bridges to cross. The reality is what we're fighting to overcome is the manner the architecture is setup. We need a Google/meta/amazon/apple to step in with a new browser since it's not a weekend gig and might need their reach to catch on with mainstream users. Sadly, they're the same guys rolling out new js frameworks

*opens random website*

*Thinks for the 578th time* how the fuck is thjs website so blazing fast?!? Let me guess ITS BUILT IN NEXTJS RIGHT?

*Open view page source* and surely enough i see _next code in it

God fucking damn it. Is the future of web nextjs?

Very rarely see react. Rarely see angular. And i never see vue. Nextjs is all over the fucking place

Hi all. I'm now connected to wifi of another restaurant ordering expensive food and cheap lemonade. Next (hehe nextjs) to this restaurant isa cinema and Barbie movie is being emitted in Extreme IMAX 2D should i go and watch it with my blonde gf after we eat (expensive) food? (last night and this morning i got lots of sexes from her so im pretty low on bullshit today and dont care about wave 2 shitstorm from last night)

A few days ago, I thought, "I haven't updated React dependencies since. So, let's do it". Because, its gonna be a new demo app, I just ran "npx create-react-app my-app" and npm start inside the project. Holy cow!! It doesn't even start!!
Its showing this unknown error! So, I googled. but after trying a lot of "Solutions" it still doesn't work. So, I just gave up and thinking, "What about the Frameworks/Libraries build on top of ReactJS? Do the also have the same problem?"
So, I created a NextJS project and you guessed it, The same error exists in the NextJS projects. Then I tried the popular boilerplates created using NextJS ( and React) and Volla! They also contain the same error!

Ugghhh! I thought, tonight I'm gonna play with NextJS a little bit. But unfortunately, because of this React Error, I can't :(

Does nextjs have any Performance monitoring tools i can use to debug?

When i npm run dev and login it jumps to 300-600% CPU usage and remains like that until i restart the app. Why is this happening

How do u even begin to debug this...?

So i just learned aws elastic beanstalk (EBS, ECS, ALB, EC2, Amplify, S3, RDS, SQS)

Essentially i learned how to operate with aws to deploy a full stack web application with custom backend i built, with security and jwt token, certificate manager, ssl/tls to set up https and redirect from http, and react/angular/nextjs on frontend

All with custom CI/CD pipelines docker and other devops shit

But i still feel like im missing on A Lot of stuff regarding aws. I havent worked with Fargate for example and dont know how it works or when to use it, but i heard other devs use it

Can someone list me a number of things i as a dev should know more regarding aws?

The best part about my new side hussle i discovered (a glitch in the matrix) is, no one is going to believe me that i earn $200/hour, and soon just over $1000/hour as soon as i learn how this fucking nextjs syntax works. Once this is set up I'll be able to earn over $1000/hour on autopilot, every morning when i wake up I'll see at least $8000 in my bank, money generated out of thin air. If i don't make more rants in a few days I'm probably in jail

next js caching sucks so bad...caching should be opt-in, vercel cant just shove it down our throats!

I dont lie when i say nextjs is the Biggest Piece Of FUcking Trash Framework

Ok now that I learned react and nextjs i just want to say that I FUCKING HATE REACT AND NEXTJS FUCK YOU THIS SHIT IS SO STRESSING AND MIND CONSUMING. I'D RATHER USE ANGULAR EVEN FOR A SMALL PROJECT WHICH IS AN OVERKILL THAN REACT. I'LL USE REACT ONLY IF IM FORCED TO USE REACT AND HAVE NO ALTERNATIVE.

Nextjs is fucking horrible. Everything is a mud here. Backed cluttered with fronted. Wtf is this shit. How tf do u even test this. Shits whack. Also why is t3 stack considered as a design pattern for nextjs. Its literally just an arbitrary pile of shit still muddied filles together. Very dumb. I hate nextjs

Someone here on devrant told me

You cant learn everything. Its impossible. Instead you just have to learn how to learn

Now i got flashback to this several weeks later

And i begin to realize as i learn gitlab ci/cd (i only know github cicd so far)

Wondered

How would i integrate this cicd with spring boot java backend app?
Or angular?
Or nextjs?
Or nodejs?

Then I realized

I dont have to fucking learn all of that individually

Instead i can just learn how gitlab cicd works once

And then apply that same concept with slight modifications to whatever tech stack is in use

Does this make sense?

Is this how i should think while i learn new tech?

Is this the proper way of learning how to learn?

Im deploying a nextjs site via amazon aws amplify. Working with amazon is truly hell. But once it works its truly amazing. Jess bozos have outdone himself. I still dont understand what im doing every time im using aws. Its just trial and error every time for me. (note i still cant deploy the site to my domain there is some build error. Hours of fucking with this and still cant resolve it). However i somehow managed to assign an Amazon SSL Certificate to my domain

Theo, the man who everyone looks up to as a dev, especially a nextjs dev, the man who created t3 stack--says he doesnt write unit tests and thinks unit testing is a waste of time

Have devs fallen into the new low?

Nextjs 14 is fucking amazing. I am literally abandoning my java backend + angular frontend project and going all the way with nextjs. Shits got everything. Shit can do everything a separate backend and frontend can do even everything nodejs can do + EVERYTHING ELSE. WOW

Nextjs synatx is some weird asss shitt💩💩💩💩🤡🤡🤡

Hey guys i am a javascript web developer who loves his stack lot sadly in my internship i was forced to learn php and Laravel and build a full stack website with auth cruds with predefined templates in less than two weeks .
i have to say Laravel sucks comparing it to something like aspnet, Nestjs, Nextjs or Express i found myself overwhelmed with learning in a very short period and what makes things worst is the fact that no one in the agency i am in is helping or speaking with me i asked help from a Senior guy and he was like "i am too busy"...
I also can't quit since this internship is for school purpose so yes rip for me

Anybody use Next.JS?

Finally im starting to get hang of how nextjs works. Still no idea how query params work, routing api calls, the proper structure, useEffect vs useState, SSR vs static props, etc but i wrote the messiest spaghetti code youve ever seen, and it works! I built a frankenstein. And its alive. Cleaning this shit up is the least difficult part

Just learned ansible. Its cool. I can see how powerful and useful it is. But way too much linux involved. Not my cup of shit. I want my shit done in java and nextjs (nextjs is my new side bitch sorry java and angular). I like terraform more than ansible

I cant believe how powerful and FAST nextjs is. Very smooth and lightweight. Easy to work with.

Also angular became super fast and smooth. 5 years ago in 2018 i remember working in angular and it was not that fast. The project structure was a bit messy. But now everything has drastically improved and became simplified.

I love both now. Happy to be working in both

Nextjs

I just realized

unit tests and integration tests dont exist in nextjs

So now i wondered

What about integrating AWS cloud functions with nextjs?

What about docker with nextjs?

Kubernetes with nextjs??

How TF do u implement a CI/CD pipeline with nextjs if there is nothing to test?!?!??

Nextjs seems like itself is self sufficient. WTF? Everything has been packed and cluttered into 1 giant pile of horsedump and called Nextjs Framework where you dont need k8s to run it or anything. Might as well then rename this fucking "framework" to GOD of all frameworks since it appears it can fucking do anything and everything without requiring HEAVY DevOps bullshit.

ALL of it can be cluttered in 1 nextjs project and you have a fully functional production working website that can basically do ANYTHING and EVERYTHING.

How???

Am i fucking going insane? Am i missing something here??

Going back to nextjs. I love this framework. Makes everything so easy and rapidly fast dev time. Just lacks huge amount of templates

first of all fuck this stupid website and deleting your rant if you aren't signed up
second of all fuck fetch
curl gives me a readable json object
axios gives me a readable json object
fetch gives me what should be a readable json object, but looks more like a set in python instead
[{"id":"1"},{"id":"2"}] curl and axios reply with this
meanwhile fetch
{
[
{"id":"1"},
{"id":"2"}
],
{various symbol objects}
}
how am I supposed to get my data out of a fetch? I see people call response[0] or using some strange amalgamation of
fetch().then().then((data) => {}) but data in this results in an unresolved promise for some inexplicable reason. (nextjs)
also fuck nextjs I want to go back to hardcoding everything in html
also fuck modern web development and businesses in general, they ruined the internet.

I never saw anyone write unit tests in nextjs. What happened?

Even chatgpt is built in nextjs 💀💀💀 man nextjs is for sure the future of web. Nextjs is THE greatest shit with the biggest dick

I know angular but not react or nextjs. Should i learn nextjs or react first? Since nextjs uses react and adds additional features

My shitting streak has begun again. Fuck. Its cold where i live and in my house. Shitting liquid shit doesnt help because my asshole burns. Its not fun and not enjoyable. Im trying to hold shit inside me but it forces me to shit. And if i shit it burns. Imagine being in a cold -75° weather while your asshole is burning heat at +45°. Why is life such a constant stream of pain and suffering. I write this as i sit on the toilet and fight demons not to shit more in order to prevent pain

Why did our designer invent shitting and thought it was a good idea?

I can think of a better idea: whatever i eat gets dissolved into particles by acid that my body produces like an implosion inside a submarine and transforms into pure energy that my body absorbs and thus makes the body more powerful -- no need to shit it out because its now a bunch of fucking particles!

WHY wouldnt that be a better solution. Shitting is disgusting and makes no sense if this solution is also possible. And for an omniscient all-powerful all-knowing celestial being -- NOTHING is impossible to do.

what we perceive as "magic" is normal to an all-powerful celestial entity. Therefore any thought you can imagine, should be possible to do. Even the idea i just proposed because i proved i could imagine it so it must be possible to create such existence

And as i finish writing off this rant, my asshole burns less and everything is coming back to normal Thank God. The pain was bearly bareable. As a finishing touch of this rant imma go wipe my ass for 100th time today and continue working with nextjs on my project

for some fucked up reason nextjs would not run on my apple silicon machine

had to use nvm, tried node version 14, 20 then back to 16

then i thought of using docker
pretty smooth so far
will be using docker from now on

Why do people shit on nextjs and glorify svelte what the fuck is svelte now

The tools that are improving the DX a lot like Vercel, Netlify, Nextjs, etc

Why nextjs doesnt have any mvc or design pattern involved. Shits scattered and muddied all over the place

I tried building a project with nextjs. I dont like it. Angular is still better. Nextjs might be more lightweight but i dont care. Theres way too much shit i need to write and theres no boilerplate code like there is in angular. Also in angular components can be grouped in 1 directory and from there you group its services interceptors guards scss typescript html etc. In nextjs all of that shit is thrown in /pages and /components while styles go to /styles. Reasonable, but what happens when the application is large as shit? Thats why angular will always win long term

Omg nextjs 14 is so good. I cant believe this. Server actions are so powerful. This shit makes you prototype and move RAPIDLY FAST. And the framework itself is fast as cum! Unbelievable. No wonder every website lately is built in nextjs. This framework is definitely the future of web. It made working with databases blazingly simple. Prisma ORM is unbelievably flexible. The shit you can build with this framework has no fucking limits! It has /api folder to just add restful apis and just reuse the same prisma methods from shared lib functions and boom you can now scale the project to a mobile app!

All of this bullshit took me YEARS to learn how to do properly in a regular frontend-backend separated type of project. While I learned this nextjs shit blazing fast. Am i missing something or is this framework too good to be true?

I'll bend over for nextjs

Nextjs 14 just came out and they added a new server actions syntax which is the same bullshit syntax like php where you insert server side code in the middle of html div! And not only is that ridiculous enough but also vulnerable to sql injection 😂😂😂

best ICONS LIBRARY for react?

best = You use it with a smile on your face :)

Ok. If you had a blog made with next.js and mongodb, and you are too depressed and lazy to learn AWS lambda/serverless, where would you deploy?

Following some new nextjs tutorial to learn how to efficiently build a web chat app, the guy built it very solid, but is it efficient?

Im having mixed feelings about this approach. The way he did it is, for example when you click on a user (imagine it as a list of users from your contacts), it actually calls a route, which stores that in database, and once its done Then the route triggers lets say socket.io event to notify the frontend to update the UI.

Not only that but each new message that gets sent it actually calls a route which stores that message in database and once that's successful Then it emits a socket.io event to the frontend to fetch that message.

As you can imagine constantly calling routes like this Does induce small delays. Creating conversations, navigating, opening someones profile and especially sending messages, is NOT instantaneous. When you do it theres a small delay, giving the impression as if the app is SO large that it lags

But it doesnt lag, it just needs a few ms to store that in db so it can return the socket.io bidirectional message event. Which does make sense because what if the internet broke and the user immediately gets sent a message, but the message fails to get stored in database? Or db storage gets fucked or something else fails but socket.io works while db doesnt? The data then may be inconsistent. This approach fulfulls the single source of truth principle

So thats why im having mixed feelings about this approach particularly because of small delays. It is not instantaneous like whatsapp discord telegram signal viber etc the input UI freezes until the message is successfully sent

---

Of course this can be a UI/UX decision and can be handled differently even if the backend works like that.

My concern is is this approach valid?

My question is... I had an idea what if i emit socket.io event to send the message while in the background also call the route to store that message in db? This way not only would it work asynchronously but the message gets sent instantaneously, and if the backend fucks up to store it in db then the UI gets updated with message failed to get delivered, switching the socket.io into polling state. Is this a good (proper, efficient, better) way to do it or not?

When i deploy my nextjs app via aws amplify, on some specific pages the @media styles are not working. Why?

I need nextjs tips

Im coding in nextjs for the first time because the framework i need to use only supports nextjs/vite/react. I have no idea how this framework works and im literally googling for almost every single bit. Also using chatgpt as copilot. Heck im googling even how to do routing here. The code is probably gonna be total shit.

Anyone can give me some tips in nextjs on how to keep the code clean? How is a project supposed to be structured?

Nextjs vs React vs Angular

Upvote the comment in this post for which you vote is the best and then explain why

Can someone explain me how prisma ORM works? I just finished a course with nextjs that uses prisma. Prisma basiclly performed all crud operations on mongodb for example. I saw no usage or need for cloud providers (aws). No backend separation. Like literally all of it was done in fucking nextjs. Very efficiently coded but still how is this good? Please explain why not built a separate backend. Why do it like this

Rant 1
---
I honestly would love to get fired. Im looking forward to, but not trying to. Feel me? If i ever get fired for whatever reason i wouldnt be depressed. I'd actually be so relieved and happy as if i died and all my problems are solved. Getting relieved from stress and finally having ability to allocate my time towards my personal project makes me be productive even more. A salary of 600-1300$ in this economy and inflation isnt gonna do much. Is it just me?

Rant 2
---
Im slowly leaving separate backend-frontend type of work. Spent years to perfect it only to find out through someones tutorials what i can build in 1 year with separate backend and frontend he can build in 20 days with nextjs. Its mindblowing to me. And every website i open when i inspect code its always _next. All websites are nextjs. Nextjs seems like its the future and already taking over the web space. Is it a smart idea to do this? or is it better to separate pure-frontend from pure-backend

Anyone in Arusha, Tanzania in Africa

We have a challenge project

Have you guys tried IntersectionObserver with NextJS? How did you initialise it for server side rendering ?