platforms VS Next.js

I am trying to add subdomains to my project where I am trying to have [slug].domainname.com and then also just the regular dominname.com, I structured my code app router to be app, then api, [subdomain], and home. then i created middleware based on the platforms template code https://github.com/vercel/platforms/tree/main Heres the middleware: import { NextRequest, NextResponse } from "next/server"; export const config = { matcher: [ /* * Match all paths except for: * 1. /api routes * 2. /_next (Next.js internals) * 3. /_static (inside /public) * 4. all root files inside /public (e.g. /favicon.ico) */ "/((?!api/|_next/|_static/|_vercel|[\\w-]+\\.\\w+).*)", ], }; export default function middleware(req) { const url = req.nextUrl;

Oooh, Novel is also being used in Vercel's Platforms Starter Kit

https://github.com/vercel/platforms/tree/main

Vercel Platforms Starter Kit will get you a lot of the way there: https://github.com/vercel/platforms

$15k MRR for Instatus A big congratulations to Ali Salah for reaching $15k MRR with his uptime status tool Instatus. It lets you show users a status page and helps you communicate with users if your app goes down. Nice seeing an indie hacker doing well! ​ Meta launches Threads Mark Zuckerburg has capitalized on the chaos at Twitter to launch a copycat, Threads. At the moment you can only get an account from signing in with your Instagram account. It allows you to import all your Instagram followers although it seems like a lot of people don't use Instagram to follow tech accounts so you might need to start from scratch. There is no desktop app at the moment. Threads has hit 30 million users in 48 hours but is banned in the EU because of all the data it collects from users i.e. browsing history, financial transaction history, health data. Twitter has threatened legal action against Meta​ Veed launches AI avatars Veed, the online video editing tool, has launched its AI avatar feature. It's pretty mad how quickly things have advanced but now you can pick an AI-generated face, write some text and you now have a video of someone talking for you. For people who are camera shy, this could be a great way of creating YouTube videos! Just write some text and you don't have to show your face on camera. Veed got Product of the Day on Product Hunt with this tool: https://www.producthunt.com/posts/veed-ai-avatars ​ New NextJS template Vercel have released the Platform Starter Kit v.2 which lets you make a multi-tenant site with NextJS https://github.com/vercel/platforms For instance, you might want to make a SaaS where people can choose their own sub domains or custom domains like Noah Bragg did with his Notion-based blogging tool Potion​

Platforms Starter Kit v2

Check out Vercel Platform Starter Kit. The main file you want to be looking at is middleware.tsx. I’m working on a saas using subdomains as well so feel free to reach out.

https://vercel.com/guides/nextjs-multi-tenant-application https://github.com/vercel/platforms

> It’s important to be aware of what you are getting if you go with React, and what you are getting is a far cry from what a framework would offer, with all the corresponding pros and cons.

Would you like to elaborate on that?

In my experience, with something as great, size/ecosystem-wise as React, there will almost always be at least one "mainstream" package for whatever you might want to do with it, that integrates pretty well. Where a lot of things might come out of the box with a framework, with a library I often find myself just needing to install the "right" package, and from there it's pretty much the same.

For example, using https://angular.io/guide/i18n-overview or installing and using https://react.i18next.com/

Or something like https://angular.io/guide/form-validation out of the box, vs installing and using https://formik.org/

Or perhaps https://angular.io/guide/router vs https://reactrouter.com/en/main

Even adding something that's not there out of the box is pretty much the same, like https://primeng.org/ or https://primereact.org/

React will typically have more fragmentation and therefore also choice, but I don't see those two experiences as that different. Updates and version management/supply chain will inevitably be more of a mess with the library, admittedly.

Now, projects like Next https://nextjs.org/ exist and add what some might regard as the missing pieces and work well if you want something opinionated and with lots of features out of the box, but a lot of those features (like SSR) are actually pretty advanced and not always even necessary.

Next.js: For the website and the admin dashboard

Until the time of writing, there is no official example of how to enable runtime environmental variables in a Dockerized Next.js app, as utilizing unstable_noStore would only dynamically evaluate variables on the server (node.js runtime). There is also an interesting discussion regarding this topic on GitHub.

next.js is a very popular React framework. remix-adonisjs includes more functionality through the AdonisJS backend ecosystem, and should be easier to self-host and self-manage.

Cheryl Murphy is not only a dedicated full-stack web developer skilled in technologies like React, Next.js, and NestJs but also a community-driven professional who recently took on the role of volunteer project team lead at Web Dev Path. With a dual Bachelor's degree in Computing and Chemical Engineering from Monash University, Cheryl’s journey in tech is marked by a passion for building accessible solutions and a commitment to fostering community within tech.

For more information, check out this issue.

Remember to start the Next.js server with pnpm dev.

We want to share with you the best testing setup we've experienced - and this includes using Playwright and NextJS. It's a setup we've come up with for Infinite React DataGrid, which is a complex component, with lots of things to test, but this configuration has helped us ship with more confidence and speed.