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

Next.js is a powerful React framework that enables developers to build server-rendered applications, static websites, and more. It's designed for production and provides features like automatic code splitting and optimized prefetching.

// source: https://github.com/vercel/next.js/blob/canary/packages/next/src/lib/worker.ts#L121C15-L129C16 for (;;) { onActivity() const result = await Promise.race(\[ (this.\_worker as any)\[method\](...args), restartPromise, \]) if (result !== RESTARTED) return result if (onRestart) onRestart(method, args, ++attempts) }

https://github.com/vercel/next.js/discussions/27666 One of them said 'renaming folder to uppercase' might cause trouble. git might not recognize case-sensetive changes by default.

Next.js has long cemented itself as one of the front runners in the web framework world for JavaScript/TypeScript projects so we’re going to be using that. More specifically we’re going to be using V14 of Next.js which allows us to use some exciting new features like Server Actions and the App Router.

Web frameworks like Next.js will usually include this feature, but do check that they set the caching headers correctly!

Vite and Next.js are both top 5 modern development framework right now. They are both great depending on your use case so we’ll discuss 4 areas: Architecture, main features, developer experience and production readiness. After learning about these we’ll have a better idea of which one is best for your project.

> 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.