hi all, joey parsons here, founder &amp; ceo of beeps (<a href="https:&#x2F;&#x2F;beeps.dev" rel="nofollow">https:&#x2F;&#x2F;beeps.dev</a>). we’ve been frustrated with the state of on-call and are on a mission to fix it, starting with solving on-call problems for nextjs developers.we spent a bit of time with engineers in this space and identified two problems we’ve built solutions for:
getting straight to the facts: beeps helps you get to context quickly when problems arise. we automatically listen for alerts from your observability systems like sentry, axiom, datadog and others and when things go wrong, we’ll track down all the context you usually get from opening tabs in your browser. things like your most recent deploys, the diffs of recent code changes, and checking to see if any of the external services (apis) are down.
knowing if it’s you, or them: we automatically detect the service providers you use to build your app and will let you know if they’re having issues. developers typically will think it’s their code – and we help you eliminate the external provider as a potential cause quickly.on-call has been a pain for almost every engineer i’ve ever talked to. i’m sure you all have thoughts on what we’ve built and where we should go next.give it a shot and let us know what you think.

Show HN: Beeps – the on-call platform for NextJS developers

Build Voice AI Apps with NextJS and WebRTC

I&#x27;m a solopreneur passionate about animations and creating tools for developers. Over the years, I&#x27;ve built countless animations for projects and realized many people struggle with implementing complex visuals easily.So, I made BuildFast for two reasons:To help developers and designers learn and use high-quality animations built with Next.js and Three.js.
To save time with ready-to-use ZIP files or access the entire collection with login-protected resources.
Whether you&#x27;re looking for inspiration, want to learn from reusable code, or need to quickly boost your project’s visuals, BuildFast is for you.Would love your feedback and thoughts! 
www.buildfast.esCheers,
Arthur(Faxraddin)

Show HN: I made a SaaS where I show how to make 10k animations on NextJS/ThreeJS

Hey HN,I’ve noticed a growing frustration among users with fake testimonials—so much so that even genuine ones are often dismissed as fake! To tackle this, we’ve created an authentic testimonial management tool.It helps you collect and share verified testimonials with your users, building trust and credibility for your product or service.I’d love to hear your feedback on this idea—it’s incredibly valuable to us!Akshat

Show HN: Authentic Testimonial management system build with NextJS

I&#x27;m a solopreneur passionate about web dev and creating tools for developers.Over the years, I&#x27;ve built countless animations for projects and realized many people struggle with implementing complex visuals easily.So, I made BuildFast for two reasons:-To help developers and designers learn and use high-quality animations built with Next.js and Three.js. 
-To save time with ready-to-use ZIP files or access the entire collection with login-protected resources.Whether you&#x27;re looking for inspiration, want to learn from reusable code, or need to quickly boost your project’s visuals, BuildFast is for you.Would love your feedback and thoughts!www.buildfast.esCheers, Arthur(Faxraddin)

Show HN: Made ready-to-use zip files with TOP animations on NextJS

So I built a new project using NextJS.Now for SEO I want to write a bunch of blog posts. I have a friend who is not really technically but has some knowledge.
What options do I have to integrate a Blogging system&#x2F;cms so that he can easily write blog posts (text and image).My thoughts we Markdown and upload images but feels cumberson. Are there any solution I could integrate easily?

Ask HN: How to integrate a Blog system into my NextJS app

I wanted to build simple apps to launch over the weekend. I was so frustrated implementing billing, stripe, auth, quota management, etc. I just gave up.So I made Indie KitLogin users, process payments, send emails at lightspeed. Spend your time building your startup, not integrating APIs. Indie Kit provides you with the boilerplate code you need to launch, FASTER THAN EVER.

Show HN: NextJS 15 boilerplate with all the features you need to build your SaaS

Authentication in NextJS App with NextAuth and Custom Asp.net Back End

Is there any boilerplates like this for mobile apps?any better web boilerplates?

Show HN: NextJS boilerplate enabled me to launch my startup in 3 hours

Hey HN,I&#x27;m a software engineer and I make websites often. 1 website every 4 days.I realized I was doing the same thing over and over: set up DNS records, connect DB, listen to Stripe webhooks and the main thing is SEO...So I bought ShipFast from Marc and upgraded it with SEO info for 2 reasons: 1. Save time and focus on what matters: building a business 2. Avoid headaches.I hope this boilerplate will be as helpful to you as it is for me. Reselling it updated for 4x cheaper so everyone can benefit from it lol.Arthur

Show HN: A NextJS boilerplate to automate all the boring stuff

Show HN: Host custom Bluesky feeds using NextJS

Monorepo setup with TypeScript, Tailwind, NextJS and WXT, with shared components

We&#x27;re all developers here, we like building stuff. But what&#x27;s even more great is having people use what built.Thats why in my last project I decided to create some blog articles to drive traffic to my site and increase my userbase. It actually went really well and I found some keywords with low competition, so I decided: &quot;Hey, why not build this in a way so I can use it easily accross all my other projects?&quot;And that&#x27;s exactly what I did! I built a developer focused minimalistic CMS, especially designed for creating and publishing SEO optimized articles to your NextJS project. My goal was to make the integration into your NextJS project as fast and painless as possible, through a shadcn-like cli. Installation time, including creating your first content, from start to finish is between 1-3 minutes. It&#x27;s only two commands (actually only 1 if you are using npm and not pnpm or yarn). Of course excluding the time it takes you to build and deploy your application.Here are some of the features it comes with, out of the box:- Automatic Sitemap Generation- SSG with ISR, you can see content changes deployed instantly without rebuilding your application- Image SupportSome of the features that are on my radar as a roadmap:- i18n support- Automatic image generation for articles- Pages router support- Scheduled publishing- Improved article editing experience with some QOL changesGoogle highly values how useful content is to the reader these days, so I highly recommend seeing the generated articles as a starting point and then editing them in the online dashboard!I would love your guys feedback! You can try it for free under <a href="https:&#x2F;&#x2F;nxtblog.ai" rel="nofollow">https:&#x2F;&#x2F;nxtblog.ai</a>Cheers!

Show HN: Publish SEO optimized content to your NextJS project in minutes

Hey HN,
I&#x27;m a student and I creating websites in my free time.So I noticed I was repeatedly setting up the same infrastructure for these projects and I want to help people to avoid the first headaches of starting a new project.
This repetitive setup was eating into valuable time that could be spent on actual business building.Built by a solo founder, for solo founders. Stop wasting time on infrastructure and focus on what matters: building your business.I hope this boilerplate will be as helpful to you as it is for me. Would love your feedback pls :)Nico

Show HN: A NextJS boilerplate that avoid all the headaches

Hey HN,
I&#x27;m a solopreneur and I ship apps like a madman.I realized I was doing the same thing over and over: set up DNS records, connect DB, listen to Stripe webhooks...So I built ShipSeo for 2 reasons: 1. Save time and focus on what matters: building a business 2. Avoid headaches like emails ending in spam or waiting 3 days for Google to approveI hope those boilerplates will be as helpful to you as it is for me. Would love your feedback plsArthur

Show HN: A NextJS and MERN stack boilerplate to automate all the boring stuff

Show HN: next-goatcounter – NextJS Package for easier GoatCounter integration

Hi fellow hackers,I&#x27;m Ved, I came across the pain point of having a reader that could provide threads as articles after scrolling them many times and missing the context of the original info shared.To solve my itch I decided to build a thread reader without Ads(all existing sol. were full of them), since X&#x2F;Twitter API was very pricey, I did some reverse engineering to convert rendered X.com&#x2F;twitter pages to an API and host it in a VM (which obv. was dead cheap).All of your data is saved in LocalStorage. Including your comments and saved threads(there is a known issue with Linux and MacOS browsers i think).Code is open-sourced at :
<a href="https:&#x2F;&#x2F;github.com&#x2F;vednig&#x2F;unlaceapp">https:&#x2F;&#x2F;github.com&#x2F;vednig&#x2F;unlaceapp</a>App is available at :
<a href="https:&#x2F;&#x2F;unlace.app" rel="nofollow">https:&#x2F;&#x2F;unlace.app</a>There are two views inbuilt in app<a href="https:&#x2F;&#x2F;unlace.app&#x2F;?url=https:&#x2F;&#x2F;x.com&#x2F;ianwcrosby&#x2F;status&#x2F;1872724231999381790" rel="nofollow">https:&#x2F;&#x2F;unlace.app&#x2F;?url=https:&#x2F;&#x2F;x.com&#x2F;ianwcrosby&#x2F;status&#x2F;1872...</a><a href="https:&#x2F;&#x2F;unlace.app&#x2F;thread&#x2F;ianwcrosby&#x2F;status&#x2F;1872724231999381790" rel="nofollow">https:&#x2F;&#x2F;unlace.app&#x2F;thread&#x2F;ianwcrosby&#x2F;status&#x2F;1872724231999381...</a>Reverse Engineered X API is available at <a href="https:&#x2F;&#x2F;xapi.betaco.tech&#x2F;x-thread-api?url=https%3A%2F%2Fx.com%2FUbermenscchh%2Fstatus%2F1865024823161913525" rel="nofollow">https:&#x2F;&#x2F;xapi.betaco.tech&#x2F;x-thread-api?url=https%3A%2F%2Fx.co...</a>Meanwhile you can enter any twitter thread url on <a href="https:&#x2F;&#x2F;unlace.app" rel="nofollow">https:&#x2F;&#x2F;unlace.app</a> to get a clean and read friendly article.Here&#x27;s the stack(if anyone&#x27;s interested):- NextJS- FastAPI- SeleniumThat&#x27;s all folks, looking towards a productive feedback session.

Show HN: I reverse engineered X to Read Threads without Any Account as Articles

hey hn,I made &amp; launched lead.dev - a free, gamified way of launching your startup.Get feedback, find new users &amp; compete on the daily, weekly, monthly &amp; all time MRR leaderboards.Example profile: lead.dev&#x2F;lewisStack:- nextjs 15 (w&#x2F; partial pre rendering + ssr)
- shadcn UI components
- v0&#x2F;cursor
- trigger.dev
- authjs
- prisms
- vercel

Show HN: Lead.dev – The Startup Competition for Devs

This project allows you to easily add a nice looking, mobile-friendly blog to your existing NextJS app without a lot of heavy dependencies or complex stuff to configure.You just set up a repo on GitHub with some markdown files with some metadata at the top, and it will automatically retrieve and convert the markdown to rich html&#x2F;css blog posts that works well with SEO.I made it for my own webapp because I wanted something simple and easy and didn&#x27;t want to deal with a complex library&#x2F;system that does tons of stuff I don&#x27;t care about.

Show HN: Next.js GitHub Markdown Blog

Hey there HN! We&#x27;re Vivek and Si-Yan from Cartograph (<a href="https:&#x2F;&#x2F;cartograph.app" rel="nofollow">https:&#x2F;&#x2F;cartograph.app</a>). We&#x27;ve built an AI-powered code documentation platform that automatically generates reference documentation and creates a visual interactive map of the codebase that serves as both high level architecture diagram and allows you to zoom in to specific implementations.How it works: We use static analysis to read a codebase and get its symbols and their dependencies, creating a complete map that includes function calls. We use LLMs (Gemini + Claude) to add metadata to this map, as well as augment it in cases where static analysis doesn&#x27;t work (e.g. HTTP calls). This map is then used to create an interactive map that you can explore to understand the system of your codebase. This works on both monorepos and multi repo projects. We also make use of this map to generate reference documentation for various functions&#x2F;classes&#x2F;structs etc in the codebase.Some demo repos:NextJS e-commerce template: <a href="https:&#x2F;&#x2F;cartograph.app&#x2F;share&#x2F;demo&#x2F;vercel-commerce-next-js-ecommerce-template-0f355afa-f09f-412c-bc89-808735aef26e" rel="nofollow">https:&#x2F;&#x2F;cartograph.app&#x2F;share&#x2F;demo&#x2F;vercel-commerce-next-js-ec...</a>FastAPI + React template: <a href="https:&#x2F;&#x2F;cartograph.app&#x2F;share&#x2F;demo&#x2F;full-stack-react-fastapi-template-522e71ab-074d-4e05-b5b0-f786d4b0b1aa" rel="nofollow">https:&#x2F;&#x2F;cartograph.app&#x2F;share&#x2F;demo&#x2F;full-stack-react-fastapi-t...</a>Rust tokenizers library: <a href="https:&#x2F;&#x2F;cartograph.app&#x2F;share&#x2F;demo&#x2F;huggingface-tokenizers-rust-2ab46bae-1912-4368-ae8c-6a0b3c301d83" rel="nofollow">https:&#x2F;&#x2F;cartograph.app&#x2F;share&#x2F;demo&#x2F;huggingface-tokenizers-rus...</a>FastAPI&#x2F;NextJS RAG chatbot: <a href="https:&#x2F;&#x2F;cartograph.app&#x2F;share&#x2F;demo&#x2F;weaviate-verba-rag-chatbot-f674a15d-1f43-4864-8c68-6a5c786762de" rel="nofollow">https:&#x2F;&#x2F;cartograph.app&#x2F;share&#x2F;demo&#x2F;weaviate-verba-rag-chatbot...</a>If you&#x27;d like us to process more public repos, please comment below and we will process it on our end.We plan to improve things significantly over the coming months, but we want to hear your feedback on our product and&#x2F;or any use cases you think this could be useful for.

Show HN: Cartograph – AI-generated code documentation and architecture diagrams

# 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