A NextJS web app to help users find and compare light aircraft.We want to make the process of identifying the right plane for you fun, informative and easy.It is still early days for the project - very open to feedback, ideas or contributions!

Show HN: What Plane (Beta) – An NextJS app to explore and compare light aircraft

NextJS came to save us all, until it became a mess. The front-end framework drama has been going on for at least a decade. Theoretically, could we even have some sane resolution with clear choices within the next 5 years? What can it look like?

Ask HN: The whole NextJS situation is overwhelming

An anime community webapp built with NextJS, Firebase and Sanity

Debugging NextJS 15 in VS Code

NextJS vs. TanStack

Show HN: Beautiful, blazing-fast native Mac blogging app for @nextjs blogs

Figma Style Visual UI Buiilder for NextJS Helps Save Development Time by 60%

Free visual UI builder for production ready NextJS websites(Shadcn,Framer)

I&#x27;m open sourcing a template I built to launch a full-stack SaaS with Stripe Payment, NextJS, Supabase and Google OAuth, in ONE SHOT. It took me some time so I decided to share this to you all. The goal is to help everyone save time when launching your next SaaS, with EVERYTHING YOU NEED. You can build anything. You can learn anything.Links- Github Repo: <a href="https:&#x2F;&#x2F;github.com&#x2F;ShenSeanChen&#x2F;launch-mvp-stripe-nextjs-supabase&#x2F;branches">https:&#x2F;&#x2F;github.com&#x2F;ShenSeanChen&#x2F;launch-mvp-stripe-nextjs-sup...</a>- Try The App: <a href="https:&#x2F;&#x2F;mvp.seanchen.io" rel="nofollow">https:&#x2F;&#x2F;mvp.seanchen.io</a>
X&#x2F;Twitter: <a href="https:&#x2F;&#x2F;x.com&#x2F;ShenSeanChen&#x2F;status&#x2F;1895163913161109792" rel="nofollow">https:&#x2F;&#x2F;x.com&#x2F;ShenSeanChen&#x2F;status&#x2F;1895163913161109792</a>- YouTube Tutorial: <a href="https:&#x2F;&#x2F;youtube.com&#x2F;watch?v=ad1BxZufer8&amp;list=PLE9hy4A7ZTmpGq7GHf5tgGFWh2277AeDR&amp;index=9" rel="nofollow">https:&#x2F;&#x2F;youtube.com&#x2F;watch?v=ad1BxZufer8&amp;list=PLE9hy4A7ZTmpGq...</a>- Buy Me A Coffee: <a href="https:&#x2F;&#x2F;buy.stripe.com&#x2F;5kA176bA895ggog4gh" rel="nofollow">https:&#x2F;&#x2F;buy.stripe.com&#x2F;5kA176bA895ggog4gh</a>Template Features:- Authentication with Supabase- Stripe payment integration- Dark mode support- Responsive design- Tailwind CSS styling- Framer Motion animations- TypeScript support- Error boundary implementation- SEO optimizedAny feedback is welcome!

Show HN: Open Source MVP Launch Kit (NextJS, Stripe, Supabase), 563 Github Stars

Cutting 70% of Infra Costs with Go: Benchmark Between Go, NextJS, Java, GraalVM

A NextJS and Supabase app designed for office workers to kill some time playing games while looking like they&#x27;re on a spreadsheet.Backstory: A few months ago I built a Webapp and used CapacitorJS to have native iOS and Android apps. Having to test any UI changes on desktop web, mobile web, small iPhones, big iPhones, small Androids etc. really became tedious. I promised myself that the next app I built would be built just for a single platform so I could focus on features. I&#x27;m mostly on a laptop and like the web so that&#x27;s my preferred option. So, who spends hours in front of computers...office workers...myself included. I remembered back to a lady in our office who always used to play a little &quot;bubble pop&quot; game she had installed while on the phone to customers. The unwarranted perception was that she was unproductive and shirking. To her defense, the calls were pretty mundane and she still got her job done...if only us judgy colleagues didn&#x27;t know she was playing it. Hence this latest app. It&#x27;s a webapp that at first glance across an office should look like the user is working on a spreadsheet. Sticking to my guns, I haven&#x27;t even made it mobile responsive although I am tempted to do so. The irony - it&#x27;s blocked on my work network so i&#x27;m unable to test it while at work and see what colleagues think.General motivation: The games are free to play but I have added a leaderboard that I have locked behind a paywall. The leaderboard will track a users top weekly and all-time scores per game and rank these scores across all users. There is another leaderboard table that sums up the top scores across all games per user and ranks the users based on this. I had tried to add an AdSense banner ad to further motivate people to pay to remove these but Google declined my request suggesting the website was low content. I&#x27;m not sure how to get around that...but will figure it out at some stage.To do list:
&quot;Launch&quot; on Hacker News (been putting this off for weeks overthinking it), 
Check on copyright issues (just thought of this while writing this), 
Banner ad&#x27;s, 
Improve the wordle game and integration with leaderboard, 
Optimize the leaderboard queries as they take quite long, 
UI refinement and consistency, 
Mobile responsiveness?

Show HN: Classic games that look like a spreadsheet for office workers

I was tired of paying monthly subscriptions for all my AI tools and I wanted to pay just for what I use so I combined the AI chats I use to create my own chat - MyChat (pun intended)MyChat is an all-in-one chat bot that has a pay-as-you-go business model.The tech stack I used was NextJS, TypeScript, MongoDB, Clerk, TailwindCSS, ShadCN, Stripe, the OpenAI API hosted on Hostinger with Coolify. The code base is currently around 3500 lines of code. (About 500 of them are redundant code)The web app itself is not complicated the only complex thing in it is the math that&#x27;s mapping the different api tokens to MyChat tokens, but it&#x27;s also my only competetive advantage so I sadly can&#x27;t even share it.

Show HN: I made yet another AI chat bot because I hate monthly subscriptions

2 years ago I learnt NextJS &amp; React. Then for two years I totally forgot about it. Went on to do other things in life. Then 2 months ago, I came back, won a hackathon, and realized the potential I had. This is my attempt at my very first SaaS Business.I created Paynic because invoicing shouldn&#x27;t be a hassle. It&#x27;s fast, intuitive, and keeps your finances in check effortlessly.What makes it unique? Simplicity meets power—you create easy and beautiful invoices, share them to your customers, and be in total financial control, all in one sleek app. Easily create, send, and track payments, keeping your finances organized and stress-free.What do you think? Want me to tweak anything? Any suggestions or features you want me to add I will add straight away!I am open to any feedback!

Show HN: I built a SaaS as a 13yr old

I built this app initially for myself to learn to type properly because most typing apps didn&#x27;t offer exactly what I was looking for: interesting short-form text content, visual hand guides, detailed stats, etc.Typing random words on platforms like keybr and monkey type didn&#x27;t appeal to me - I would get bored fairly quickly and this limited my practice timeHence, TypeQuicker was born.My speed went from averaging 30-40WPM to 80-120WPM using this appHow it differs from other existing apps: it uses engaging content (trivia, quotes, jokes, book snippets) instead of random words. The AI analyzes your typing patterns and generates exercises targeting your specific weak character sequences. It offers very detailed stats after each text - measuring time between every keystrokeFeatures include:- visual hand and keyboard guides for beginners- detailed analytics- daily typing tests with a global leader-board- custom racing rooms- 40+ themes (some community favourites like Gruvbox, Tokyo Night and Dracula)- multiple text topics to choose from- custom text: input whatever you want to type- drills mode: practice typing common character sequences- (Paid) AI personalization: see <a href="https:&#x2F;&#x2F;www.typequicker.com&#x2F;pricing" rel="nofollow">https:&#x2F;&#x2F;www.typequicker.com&#x2F;pricing</a> for more info on these features.Built with Go&#x2F;Redis&#x2F;Postgres backend and NextJS frontend.Still adding many more features - this is still very much an MVP so I would love feedback from the community.I&#x27;m hoping to make this a one-stop shop for everything typing related.Try it at: <a href="https:&#x2F;&#x2F;www.typequicker.com" rel="nofollow">https:&#x2F;&#x2F;www.typequicker.com</a>

Show HN: TypeQuicker – The AI Typing Application

Hey HN,After spending countless hours tweaking colors in side projects and manually trying to match screenshots to Tailwind CSS classes, I decided to build a tool to automate it.ColorSnap lets you upload an image and instantly extract the most dominant colors. It then maps those colors to the closest Tailwind CSS utility classes using LAB color comparison (ΔE). You get clean hex values and ready-to-use class names like bg-indigo-500 or text-pink-400.Built with Nextjs, Tailwind CSS, and a bit of canvas&#x2F;image processing. No external APIs — it runs entirely in the browser.Outcome: I’ve used it in my last 3 frontend projects to speed up color decisions and get consistent styling fast, especially for hero sections and themed UI blocks.

Show HN: I built ColorSnap to generate Tailwind color palettes from images

Hi HN — I built Superexpert.AI, an open‑source platform that lets you spin up multi‑task AI agents in minutes without writing any code (and lets you extend everything later).What it does- Plug‑and‑play agents – Create agents from a web form. Each agent can contain multiple tasks, and each task can run a different AI model, use its own tools, and follow custom instructions.- First‑class extensibility – Register a TypeScript function with registerServerTool, registerClientTool, or registerContextTool to add new functionality. If you want to share it, publish it as an NPM package and Superexpert.AI will auto‑detect it when installed.- Built‑in RAG – Upload docs via the UI, or use a CLI that chunks 100 MB files, auto‑resumes after network errors, auto-resumes after network errors (e.g. uploading a 500-page PDF manual) and pipes the data into your agent.- Launch a full chat app in minutes – Everything is MIT‑licensed NextJS + TypeScript + Tailwind + Postgres. Deploy like any other NextJS project.Links- Walkthrough (no sign‑up): <a href="https:&#x2F;&#x2F;app.arcade.software&#x2F;share&#x2F;yGqgrj65xp6y4mkDbNnT" rel="nofollow">https:&#x2F;&#x2F;app.arcade.software&#x2F;share&#x2F;yGqgrj65xp6y4mkDbNnT</a>- Live demo (email sign‑up): <a href="https:&#x2F;&#x2F;demo.superexpert.ai&#x2F;" rel="nofollow">https:&#x2F;&#x2F;demo.superexpert.ai&#x2F;</a>- GitHub repo: <a href="https:&#x2F;&#x2F;github.com&#x2F;Superexpert&#x2F;superexpert-ai">https:&#x2F;&#x2F;github.com&#x2F;Superexpert&#x2F;superexpert-ai</a>- Quick‑start guide: <a href="https:&#x2F;&#x2F;superexpert.ai&#x2F;docs&#x2F;quick-start&#x2F;" rel="nofollow">https:&#x2F;&#x2F;superexpert.ai&#x2F;docs&#x2F;quick-start&#x2F;</a>- Full docs &amp; tutorials: <a href="https:&#x2F;&#x2F;superexpert.ai&#x2F;" rel="nofollow">https:&#x2F;&#x2F;superexpert.ai&#x2F;</a>Why I built itI kept hand‑coding LangGraph‑style workflows for clients and wanted a web‑first, stack‑agnostic way to launch agents fast and stay fully modifiable. Superexpert.AI lets you extend or swap every layer — from models to tools to UI themes — with TypeScript.Looking for feedback1. Agent use‑cases you still have to hand‑code today.2. Gaps in the RAG flow or model tooling that block production use.Discord for deeper chat: <a href="https:&#x2F;&#x2F;discord.gg&#x2F;wsrc3enWN3" rel="nofollow">https:&#x2F;&#x2F;discord.gg&#x2F;wsrc3enWN3</a>–– Stephen

Show HN: Superexpert.ai – Open-source, no-code platform for multi-task AI agents

Hey folks!Im a tech solopreneur and investor from Greece who builds apps to solve his problems.Im struggling with monetizing my content by sharing it online, so I built a tool to monetize my knowledge. It is called: chatWise.If you create things as well, it can help you too. You simply upload content and the app turns it into a chatbot that others can subscribe to and learn from.It also takes care all the payments for you.I built the app with NodeJS&#x2F;NextJS&#x2F;Supabase.You can try it out for free and let me know if it helps you. Today it also got featured on Product Hunt &lt;3Cheers,
Keep building

Show HN: ChatWise – Turn your content into cash. Fast

I created <a href="https:&#x2F;&#x2F;coloringbook123.com" rel="nofollow">https:&#x2F;&#x2F;coloringbook123.com</a> – a small side project where you can turn any idea into a printable coloring page using AI.It started when I wanted to create custom coloring pages for my friends&#x27; daughter (my own son is still too young for that), but everything I found online was either low quality, locked behind paywalls, or simply not customizable. So I built something myself.There are two ways to create coloring pages:1. Describe what you want (e.g., &quot;a dinosaur in space&quot; or &quot;a cozy cabin in the woods&quot;)2. Upload your own image and turn it into a coloring pageThe idea came to me in mid-2024, and I started developing it in November 2024. During that time, I noticed that others had launched similar tools (or I just didn&#x27;t found them at my previous research). I briefly thought about abandoning the project – but I really wanted to finally finish a hobby project and make it publicly available. So I kept building and tried to come up with features that make coloringbook123 stand out:- A large gallery of free coloring pages available for download as PDFs- Free creation of coloring pages without registration – current limit: 2 per day per visitor- Multi-language interface- A variety of pre-defined styles, such as a &quot;Toddler&quot; style that creates images suitable for very young kids- Bulk generation – create up to 32 coloring pages at once- A user-friendly gallery and UX, including a personal feed 
showing all your generated images, which you can favorite or re-download later. It is super helpful for mass generation (I think of people creating coloring books to sell, for kindergardens or just for families who are really into coloring pages)Here are some tech specs for all techies :-)NextJS, Vercel, Neon PostgreSQL Database, Inngest Workflows, OpenAI, FLUX, Clerk AuthWould love to hear some feedback!Thanks

Show HN: Create printable coloring pages from your ideas

I built this in a couple days after being inspired by eloeverything.co. No signup required, enjoy! Techstack:nextjs &#x2F; postgres &#x2F; typescript

Show HN: Vote your favorite GPT images

I wanted to spin up a waitlist page super fast, but I couldn’t find anything that allowed me to do it quickly without paying for a service. So, I built a simple page with one core feature: a minimal Lorem Ipsum landing page paired with an email collection box.It’s designed to be lightweight and get the job done—no extra frills, just a quick way to start collecting emails. Let me know what you think or if you have any suggestions for improvement!It&#x27;s built for Nextjs and google sheets. The repo is public and free to do whatever you want.

Show HN: Minimal Waitlist Page for Fast Email Collection

# This is a NextJS
NextJS is a **framework for ReactJS**.

Wait a second ... a "framework" for React? Isn't React itself already a framework for JavaScript?

Well ... first of all, React is a "library" for JavaScript. That seems to be important for some people.

Not for me, but still, there is a valid point: React already is a framework / library for JavaScript. So it's already an extra layer on top of JS.

## Getting Started

Create Next App:

```bash
npx create-next-app
# or
yarn create next-app
```

First, run the development server:

```bash
npm run dev
# or
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Why would we then need NextJS?

Because NextJS makes building React apps easier - especially React apps that should have server-side rendering (though it does way more than just take care of that).

In this article, we'll dive into the core concepts and features NextJS has to offer:

- File-based Routing
- Built-in Page Pre-rendering
- Rich Data Fetching Capabilities
- Image Optimization
- Much More

## File-based Routing

![Create routes via your file + folder structure](nextjs-file-based-routing.png)

# File-based Routing In Action

![Create routes via your file + folder structure](nextjs-file-based-routing-in-action.png)

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

... More content comming soon ...

NextJs News

News From: hn.algolia.com