Masthash

#nextjs

Fabrizio Calderan
3 hours ago

Really excited for my new personal website made in #nextJS and #Contentful. It took some time, but I hope the result is pleasant and accessible:

https://fabrizio.dev/

Not a great designer 😅 so any suggestion is welcome.

The downside of coding my own personal site: I'm in the process of rebuilding my site with a new stack, the site went down a couple weeks ago & I can't get it back up after Heroku did updates, and now I'm too lazy to finish the rebuild #coding #heroku #nextjs

activenode
4 days ago

Hey guys. If you love #supabase and #mantine and #nextjs then I have something for you. A ready-to-go multi-tenant boilerplate, freshly built, future-safe, server components -> yes!

https://github.com/activenode/supabase-next-app-mantine

Contact me for consultancy if you need it or create an issue.

#web #webdev #webdevelopment #react

I'm struggling with TypeScript generics (again) : How pass an Interface to a method using generics ?

https://stackoverflow.com/questions/75853970/how-pass-dynamically-interface-to-a-method

#Dev #Reactjs #Nextjs #frontend #Help #TypeScript #Generics

CloudCannon
2 weeks ago

Check out this fantastic starter guide created by
Ana Schlienger at Theodo
to learn how to get set up on CloudCannon with
#Nextjs
👌👇
https://blog.theodo.com/2023/03/cloudcannon-starter-guide/

Jobs for Developers
2 weeks ago

0x is hiring Software Engineer - Frontend (Matcha)

🔧 #javascript #typescript #nextjs #react #api #blockchain #defi #nft #web3 #css #html
🌎 Remote
⏰ Full-time
💰 $100k - $200k (Estimate)
🏢 0x

Job details https://jobsfordevelopers.com/jobs/software-engineer-frontend-matcha-at-0x-nov-22-2022-c66972?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring

Gerard Hynes
2 weeks ago

Recently migrated my personal site to Next, TypeScript and Tailwind and it was a really good experience.

Took the opportunity to add dark mode and a dice roller widget.

#NextJS #TypeScript #TailwindCSS #OverengineeredPersonalSite

Pierre
2 weeks ago

Minimalist designed blog built from nextjs and tailwindcss supports activitypub. It even has comments with avatars which is an advantage over writefreely.

Github repo here: https://github.com/Lonor/site

#tailwind #tailwindcss #nextjs #markdown #blog #minimalist #activitypub #opensource #fediverse #mastodon #pixelfed #misskey #pleroma #plume #writeas #social #foss #writefreely

Alessio Pomaro
3 weeks ago

🖼️ L'"inpainting" generato dall'#AI non ci stupisce quasi più.
🧠 Ma se fosse un componente di #NextJS basato su Stable Diffusion pronto per essere integrato in un #CMS?
🔗 Per utilizzarlo: https://vercel.com/templates/next.js/inpainter-stable-diffusion

#IntelligenzaArtificiale #StableDiffusion #JavaScript

Christopher Hlubek
3 weeks ago

Haha, I feel like writing a small book right now about what is a good idea and what not when combining #NextJS and #NeosCMS for a Neos Award submission of the upcoming #NeosCon 😅

Aalaap Ghag 🟡
3 weeks ago

It's a bit of shift, but the new app dir and layouts stuff in Next.js 13 is so, so helpful. #NextJS #React #JavaScript

David Whittemore
3 weeks ago
I'm unsuccessful in finding what I'd have thought was a common thing:

I have a #Swagger /#OpenAPI specification file.

I want my #nextjs project to be able to utilize that specification file in its #middleware.

I have found something that will *generate* API code from a spec file, but I haven't found something that will simple *USE* the spec file to create middleware routes upon request.

Anybody done this? Point to me some repos, please!
ghalldev
3 weeks ago

I’ve been experimenting with using MUI and Tailwind in tandem in a Next.js project. Despite my lack of experience or skill with writing tutorials I wanted to put something together for other people who might be curious about setting up this kind of project.

https://ghall.blog/posts/using-tailwind-with-mui-base/

#webdev #nextjs #tailwind #mui #frontend

Alex Standiford :wordpress:
3 weeks ago

This post explores the details that went into into my personal headless content publishing platform for my site, as well as the other blogs that I run, using NextJS, WordPress, and WPGraphQL

https://alexstandiford.com/portfolio/case-studies/i-built-a-headless-multisite-wordpress-platform-with-graphql

#WordPress #GraphQL #React #NextJS #PHP #HeadlessWordPress #webDevelopment #WebDesign

#JavaScript and #nextjs friends. #Next allows for async server side components. react-testing-library and #jest seem to very much hate the idea of a `Promise<JSX.Element>` for any rendering. Any thoughts on proper ways to test async server components?

Marcel
3 weeks ago

Anybody with #Nextjs 13 beta (using /app) knowledge around who could answer me a couple of questions about rendering async server components inside client components? My general question is: How do I do it?

Grey Semanticist
3 weeks ago

I wonder how many people trying #NextJS have given up following the tutorial and run into "Cannot find module 'next/dist/shared/lib/constants.js'".

Nothing in my Search-fu turns up anything to explain why the problem exists--- just lots of issues opened and then automatically closed with the not-very-confidence-building instructions to rm .next or node_modules and reinstall.

I can tell you I don't have much patience for tutorials that fall off the edge of the world.

leo faria
4 weeks ago

New post: Creating a dynamic map in the edge → https://leonardofaria.net/2023/03/07/creating-a-dynamic-map-in-the-edge

Here, I'm documenting how to use Vercel and Next.js to identify the location of users #nextjs #vercel #javascript #geolocation

Jobs for Developers
4 weeks ago

Blinq is hiring Senior Software Engineer - Web

🔧 #typescript #firebase #nextjs #react #node #gcp #tdd #seniorengineer
🌎 Melbourne, Australia
⏰ Full-time
💰 $90k - $200k (Estimate)
🏢 Blinq

Job details https://jobsfordevelopers.com/jobs/senior-software-engineer-web-at-blinq-me-aug-15-2022-5bb736?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring

Alex Standiford :wordpress:
1 month ago

My new site turns my personal website into a central hub, making it possible to view content I’ve published across the web. I’m so excited to finally have it up and running.

It was built with NextJS and GraphQL

https://www.alexstandiford.com/articles/personal-updates/new-website-who-dis

#Blogging #NextJS #WebDesign #WordPress #WPGraphQL #GraphQL

Not going to lie between the gigantic mess that is node file trace and how their code elimination works, I'm really disliking #NextJS currently. It's also basically still stuck in the CJS era and will happily bundle everything included in barrel files constantly causing gigantic client bundles with tons of dead code or even references to #NodeJS built-in modules in the client bundle.

Fun day... not... at all... So #NextJS decided to remove the config.unstable_includeFiles thing in their 13.2 release. I'm currently relying on that, so I had to look at their alternative: Putting all the includeFiles into the next.config.mjs file. So I tried that, doesn't work at all, 4 failed deployments later I'm back on 13.1.6 with a bonus fail because git revert failed on me too and forgot to revert the change in _app.tsx where I tried to switch from @​next/font to the builtin one in 13.2

Resistbotatwork ✅
1 month ago

Anyone done a lot with #OpenTelemetry on the web? We use it a bit but would really like to take it a lot further in our #nextjs app.

Alberto de Murga
1 month ago

Trying to deploy a #nextjs site to Vercel, I only get errors that do not happen locally. Hard to fix when it only happens in their pipeline.

Also, it has been long time since I deployed this project, and because of that I was welcomed with a bunch of errors because of reasons. The project rot is real.

Matt Davis
1 month ago
Marcel
1 month ago

Does anybody know how to create a dynamic top level route in #nextjs 13 using the new app folder?

My goal is to have buch.fyi/atomic-habits not buch.fyi/book/atomic-habits.

I can't figure it out and the documentation seems to only talk about the latter case.

https://beta.nextjs.org/docs/routing/defining-routes#convention-1

Have you had a chance to play around with the new Next.js 13 app directory architecture? Thomas on my team decided to poke around a bit and posted his first thoughts:

https://www.youtube.com/watch?v=veXf5xp_Ae4

#nextjs #Sitecore

Tali
1 month ago

TFW you endeavor to simply practice your new react skills with next.js and then stupidly decide to pick up a template that does way more than you need it to instead of good ol' create-react-app and then fall into a hyperfixation rabbit hole and accidentally half-learn-but-not-really dynamic routes, typescript, prisma, next-auth, deploying to Railway, and framer for no reason 😮‍💨

Please someone tell me they can relate

#react #JavaScript #TypeScript #NextJS #ADHD

Jobs for Developers
1 month ago

Rapid is hiring DevRel Content Developer

🔧 #javascript #nextjs #react #node #api #html
🌎 Berlin, Germany
⏰ Full-time
💰 $95k - $205k (Estimate)
🏢 Rapid

Job details https://jobsfordevelopers.com/jobs/devrel-content-developer-at-rapidapi-com-jan-12-2022-2aa10e?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring

CloudCannon
1 month ago

Looking for a polished business template for
#Hugo 🐝
@eleventy 🎈
#Nextjs ➡️
or #SvelteKit ⚡ ?

Our new template, Sendit might be the perfect one for you! It is built using Bootstrap & offers a page building experience, check out Sendit:
https://cloudcannon.com/community/themes/sendit/

Phil @leggetter
1 month ago

Really enjoyed exploring using #TigrisData Database, #tRPC, with #nextjs

Combining the end-to-end type-safety of tRPC with data models defined in TypeScript with Tigris feels like a great combo.

Here's part 1 of the 3-part series:
https://www.tigrisdata.com/blog/tigris-database-search-trpc-nextjs-part-1/

Joe Bartlett
1 month ago

Trying the #NextJS /app folder for the 1st time & after some months outside of #React. So far my bigger stumbles might be avoided when docs are more polished, but I’m also struck by the absolute necessity of docs w/this new API. There’s so much magic going on: magic functions, filenames, folder structures – even old hooks take on magical new significance in the app folder.

Jobs for Developers
1 month ago

Contentful is hiring Senior Web Developer/Frontend

🔧 #javascript #nextjs #react #css #html #seniorengineer
🌎 Remote; United States
⏰ Full-time
💰 $100k - $210k (Estimate)
🏢 Contentful

Job details https://jobsfordevelopers.com/jobs/senior-web-developer-frontend-at-contentful-jan-11-2023-45aaf4?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring

Christopher Hlubek
1 month ago

Today we implemented and deployed a final puzzle piece for combining #NextJS with #NeosCMS. Revalidation was still an issue and wouldn't scale for larger sites.

With https://github.com/networkteam/grazer we created a simple custom queue service for performing revalidations asynchronously and in an intelligent way (revalidate changed documents with higher priority than the rest, but always revalidate everything). This works reasonably well and reduces complexity (compared to revalidating a minimal set).

heapwolf
1 month ago

Businesses who rent you the Cloud advocate rendering on the server. Of course their position is that client side rendering was a mistake.

Frameworks like #nextjs are optimized for the most profit, not for the best web.

The moment I upgrade to Next 13.1 they go ahead and release 13.2. Very funny :)
#javascript #typescript #react #nextjs #vercel 🧵

activenode
1 month ago

#nextjs 13.2 is finally out and contains the brutally new Metadata API. Check it out

https://nextjs.org/blog/next-13-2#built-in-seo-support-with-new-metadata-api

Jobs for Developers
1 month ago
Thomas Michael Semmler
1 month ago

I'm in a next context, where the generated css files (from sass) for some reason get some spaces in custom properties removed (--hs-primary: 150 17% becomes --hs-primary: 15017%) and some calc() values also get plus signs removed (1.25rem + 4vh becomes 1.25em4vh) so the entire sites breaks.

I have no idea what to do here. It all works locally and its a private project, I can't even give access to the code. #nextjs #sass #css #react

Jobs for Developers
1 month ago

Purple Technology is hiring AWS Serverless Engineer

🔧 #node #serverless #sql #typescript #nextjs #react #reactnative #api #graphql #rest #aws #cicd #mongodb #postgresql
🌎 Brno, Czech Republic
⏰ Full-time
💰 $100k - $210k (Estimate)
🏢 Purple Technology

Job details https://jobsfordevelopers.com/jobs/aws-serverless-engineer-at-purple-technology-aug-31-2021-b23f39?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring

Stephen Belovarich
1 month ago
Phil @leggetter
1 month ago

Here's a video of a #TigrisData demo app I've been working on https://tella.video/an-overview-of-stream-social-demo-app-and-trying-out-tellatv-1-5g66

It uses #nextjs #tRPC, #mui (React component library), Tigris Database, & Tigris Search.

📹 I recorded and edited the video & updated the subtitles with https://www.tella.tv/ directly from the browser.

I moved my website from #NextJS to @astro. It's time to write a blog post on whether it was worth it. 😀

🔗 https://eshlox.net

So I've finally setup a workflow to Toot every time I add something to #Otter (my little bookmarking side-project) with a specific tag, specifically the one that powers the feed on my site (https://zander.wtf/likes). They will appear as items starting with "New liked ...". If you want the full feed, I also send them to @otterbot.

This is made possible using #supabase's webhooks feature and a #nextjs API route on my #Otter web app.

Meghana :bongoCat:
1 month ago

I have to admit, as someone who's never really worked with Javascript a lot before, I didn't expect to like #NextJS so much!!

It's so easy to build anything in just a couple of hours, and it *looks good*

Matt Knight
1 month ago

Next.js route handlers have landed (in canary)! Been waiting for this to make some sweet changes to my site and hopefully deprecate an entirely separate service I'm maintaining.

https://beta.nextjs.org/docs/routing/route-handlers

#Next.js #nextjs #next #nodejs #javascript

greg gamel (._.)
1 month ago

Extremely glad I finally located https://app-dir.vercel.app. Teaching me everything I need to know about the Next.js 13 `/app` directory.

#typescript #nextjs #code

NERDDISCO
1 month ago

Together with @2xAA I founded the band #iieinander in 2021 and yesterday we finally released our website with some basic info AND our super cool logo in 3D using #r3f combined with a custom #glsl #shader (#fbm #noise).

:owi: https://iieinander.band :perfect:

It's also my second learning project for #nextjs and #react. I used #mui v5 for the first time here, to have some default components that just look good.

Next feature: Upcoming shows!

The logo of iieinander, showing two uppercase "II" on the left and then the text "einander". The logo itself is in 3D and using a shader texture that consists of red clouds generated by using fbm noise function.
VeganCheck.me
2 months ago

⚠️VeganCheck v3.0-Beta is now live in Production:
→ https://VeganCheck.me

Celebrate with us 🥳, share the app, leave a star on #GitHub and propose anything you would like to change:
→ https://github.com/jokenetwork/vegancheck.me/

#FOSS #Vegan #OpenSource #Nextjs #Nodejs #React

nosh :fosstodon:
2 months ago

NextJS 13 Performance against Astro2

A nice simple performance comparison done by
Jack Herrington who does alot of quality content on js frameworks.

https://youtu.be/wzRSYQ3b-Mk

#nextjs
#astro
#javascript
#typescript
#webdev

VeganCheck.me
2 months ago

VeganCheck v3.0.0 is now released on #GitHub and will be available soon!

Take a look:
https://github.com/JokeNetwork/vegancheck.me

#FOSS #Vegan #OpenSource #Nextjs #Nodejs #React

NERDDISCO
2 months ago

If nothing is working anymore in your #nextjs project and you see #Webpack #missing #module #error everywhere, get rid of some folders and reinstall the dependencies:

```
rm -fR .next node_modules
npm install
```

I just spend the last couple of hours to find out why my project was not working anymore after installing some dependencies… #cache for the win ❤️

Adam Fortuna
2 months ago

New #blog post:
Using WordPress as a Headless CMS with Next.js and GraphQL

After using static site generators for more than a decade, I switched back to WordPress for my blog... with a static site generator too. 😅

It's taken some trial and error, but I'm happy with the result. It allows me to write on #wordpress, manage the look through #nextjs and #tailwind / #tailwindcss, and leverage #GraphQL for the API.

Adding #webmentions was an added bonus. 🥳

https://adamfortuna.com/wordpress-headless-cms-next-js-and-graphql

I built a new site for my friends in the #DeathMetal band #Augury a while back in #NextJS https://augurymetal.com

Hi there 👋🏻 I’m Matt. Here is my #introduction: In a galaxy far, far away, I write code. I work from home in my Star Wars-themed office. If I’m not writing code, you’ll find me trying new 🍕 places. I am also addicted to 👟, 🥨 and tech.

Proud Patreon subscriber to #Mastodon. 🚀

#MastoAdmin of mastd.dev

My Devices: #iPhone14ProMax, #Pixel7Pro, #iPadAir, #MacBookPro, #MacMini

My Interests: #Technology #Apple #Google #Swift #JavaScript #React #Nextjs #OpenSource #OfficeSetups #WFH #RemoteWork

Katherine Bertelsen
2 months ago

@katerberg I think I’m going to use #11ty , especially since they just had a big new release. I just haven’t gotten the chance to actually sit down and fiddle with it yet.

That said, #NextJS looks cool; I’ll have to dig into it more! Thanks!

katerberg
2 months ago

@KatherineInCode #11ty is popular if you want to use a framework with minimal #javascipt. If you want to use #React, I use #NextJS with a static output auto deploying to #github pages. It’s all free. Happy to link a repo if you want.

Lesley Lai
2 months ago

@whoisryosuke I Plan to have a total rewrite for my blog source. Now I guess I have one choice eliminated. Do you have any recommendations? #Gatsby (what I am using but stuck at v2), #Nextjs, or something else?

Mike Bifulco
2 months ago

New article posted!

Wherein Mike learns to do #typescript things with #vscode and #nextjs in public:

https://mikebifulco.com/posts/refactoring-typescript-react-components-vscode

Chris Boren
2 months ago

Guess I’m going against the grain, but i kinda like #react.

After years of #webdev and about a year of exploring react concepts, I built my first api-driven #nextjs site a couple of years ago for a fortune 200 company. It was relatively smooth & a huge success.

The benefit I had though is years of non-react experience, and knowing when to roll my own solutions vs using a library. I still don’t “get” css-in-js or #tailwind, but I’ve found component-scoped css/sass modules to be wonderful.

Tim Nolte
2 months ago

I'm not anti #JavaScript, however I sort of get concerned about all of this massive client JavaScript work with things like #React & #NextJS taking us back to the days of Flash sites. How is all of the JS killing my phone's performance and battery life?