NextMaster: OSS ecommerce NextJS template inspired by McMaster-Carr

I looked for a JS self help group and I found none.
At work I&#x27;ve been tasked to rewrite the Frontend of a job posting platform with 10k+ local jobs. The backend is in PHP Symfony and we will adopt api platform for it nowThe top requirements are (from important to less important): SEO, performant pages (for SEO), easy to maintain, self hostable and some interactivity with search results and smooth transition to opening job posts.I would like to use SSG&#x2F;SSR and on fast changing locations maybe ISRBecause it&#x27;s a local job platform we only need to cover one region. And Job postings are not so dynamic so I would like to rely on heavy caching and invalidating the cache for a specific location when jobs change. And we only have a small team so it should be easy to develop and maintain but I guess each of them are.My first thought was about using Nextjs (thats what I use in most small to mid sized projects)
But I only host on vercel and Nextjs seems to work differently when selfhosting even with sst&#x2F;opennext. Also Nextjs somehow seems to like breaking changes.My second thought was Remix as a reliable middle optionAnd my last and intriguing thought was using Astro and heavily use SSG and ISR and use react on top. But I somehow think that Astro might not be suitable for larger projects - but I really love astro for its simplicity and ease of use.Help me decide, have any of you had such content heavy projects and what did you use or what would you use if you were able to rewrite it

Ask HN: Astro vs. NextJS vs. Remix, help me decide

V0 Dependencies Installer for NextJS

Show HN: Drive traffic of NextJS developers to your SaaS

I recently needed a blog for my recent Next.js app, and wanted something that would look really nice and that could be integrated into my existing Next.js app to keep deployment simple and to give me more control over how it&#x27;s hosted and configured.My goal was to get something that looked very slick, using modern CSS styling and rich client-side effects that would look great on desktop and mobile, and most importantly, something that would be very easy and convenient for me to create new blog posts and edit existing posts.So I had the idea of using GitHub as the CMS and just writing the posts using markdown with some extra metadata at the beginning, and then basically parsing that into html&#x2F;css. I know there are some other projects that do something similar, but mine is very minimal and easy to integrate into a project without a lot of configuration.It ended up working really well, so I decided to turn it into a standalone open-source project, which you can see here:<a href="https:&#x2F;&#x2F;github.com&#x2F;Dicklesworthstone&#x2F;nextjs-github-markdown-blog">https:&#x2F;&#x2F;github.com&#x2F;Dicklesworthstone&#x2F;nextjs-github-markdown-...</a>

Show HN: Use a GitHub Repo as a CMS for a NextJS Blog

I recently needed a blog for my recent Next.js app, and wanted something that would look really nice and that could be integrated into my existing Next.js app to keep deployment simple and to give me more control over how it&#x27;s hosted and configured.My goal was to get something that looked very slick, using modern CSS styling and rich client-side effects that would look great on desktop and mobile, and most importantly, something that would be very easy and convenient for me to create new blog posts and edit existing posts.So I had the idea of using GitHub as the CMS and just writing the posts using markdown with some extra metadata at the beginning, and then basically parsing that into html&#x2F;css. It ended up working really well, so I decided to turn it into a standalone open-source project, which you can see here:<a href="https:&#x2F;&#x2F;github.com&#x2F;Dicklesworthstone&#x2F;nextjs-github-markdown-blog">https:&#x2F;&#x2F;github.com&#x2F;Dicklesworthstone&#x2F;nextjs-github-markdown-...</a>

NextJS: Our Journey with Caching

One of the best boilerplates for NextJS just fixed their vulnerabilities

NextStep - Onboarding Library for Nextjs

NextJS: Server Actions to Views

NextJS Boilerplate and Convex and Stripe and Resend

I built my first blog (NextJS, MDX)

Super simple AI translation for NextJS internationalization projects

Releasing 5 language support in one attempt with NextJS and ChatGPT

Hey HN! We’re James and Brandon building Codebuff (<a href="https:&#x2F;&#x2F;codebuff.com">https:&#x2F;&#x2F;codebuff.com</a>). Codebuff is like Cursor Composer, but in your terminal: it modifies files based on your natural language requests. You can try it with `npm i -g codebuff` and start using it immediately for free. We have no login gate, and we give all accounts up to $20 worth of credits.Codebuff is different because we simplified the input to one step: you type what you want done in your terminal and hit enter. Then Codebuff looks through your whole codebase and makes the edits it wants, to existing source files or new ones. It also can run your tests, the type checker, or install packages to fulfill your request.Demo video: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=dQ0NOMsu0dA" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=dQ0NOMsu0dA</a>It all started at a hackathon. I was trying out Sonnet 3.5 which had recently come out and seeing if I could use it to write code. The script I cobbled together that day pulled codebase context in one step and used it to rewrite files with changes in the second step. This two step process still exists today. Incidentally, my hackathon script worked rather poorly and my demo failed to produce any useful code.But that weekend I thought about the kind of errors it made, and realized that with more context on our codebase, it might have been able to get the change right. For example, it tried to create an endpoint on our server (at my previous startup), but it didn&#x27;t know that you needed to edit 3 specific files to do this (yeah... our backend was not that clean). So I hand-wrote a guide to our codebase, like I was instructing a new hire. I put it in a markdown file and passed it into Sonnet 3.5&#x27;s system prompt. And the crazy thing is that it started producing wayyy better code. So, I started getting excited. In fact, this code guide idea still exists in Codebuff today as knowledge.md files which are automatically read on every request.I didn&#x27;t think of this project as a startup idea at first. I thought it was just a simple script anyone could write. But after another week, I could see there were more problems to solve and it should be a product.In the week between applying to YC and the interview, I could not get Codebuff to edit files consistently. I tried many prompting strategies to get it to replace strings in the original file, but nothing worked reliably. How could I face my interviewer if I could not get something basic like this to work? On the day before my interview, in a Hail Mary attempt, I fine-tuned GPT-4o to turn Claude&#x27;s sketch of changes into a git patch, which would add and remove lines to make the edits. I only finished generating the training data late at night, and the fine-tuning job ran as I slept.And, holy hell, the next morning it worked! I pushed it to production just in time for my YC interview with Dalton. Soon after, Brandon joined and we were off to the races.So, how does Codebuff work exactly? You invoke it in your terminal, and it starts by running through the source files in that directory and subdirectories and parsing out all the function and class names (or equivalents in 11 languages). We use the tree-sitter library to do this. It builds out a codebase map that includes these symbols and the file tree.Then, it fires off a request to Claude Haiku 3.5 to cache this codebase context so user inputs can be responded to with lower latency. (Prompt caching is OP!). We have a stateless server that passes messages along to Anthropic or OpenAI. We use websockets to ferry data back and forth to clients. We didn&#x27;t have authentication or even a database for the first three months. Codebuff was free to install and used our API keys for all requests. Luckily, no one exploited us for too much free Claude usage haha. Major thanks to Brandon for saving this situation by building out our database (Postgres + Drizzle), server (Bun, hosted on Render, auth (using the free Auth.js), website (NextJS also hosted on Render), billing (Stripe), logging (BetterStack), and dashboard (Retool). This is the best tech stack I’ve ever had.When the user sends an input message, we prompt Claude to pick files that would be relevant (step 1). After picking files, we load them into context and the agent responds. It invokes tools using xml tags that we parse. It literally writes out &lt;edit_file path=&quot;src&#x2F;app.ts&quot;&gt;…&lt;&#x2F;edit_file&gt; to edit a particular file, and has other tags to run terminal commands, or to ask to read more files. This is all we really need, since Anthropic has already trained Claude with very similar tools reach state of the art on the SWE benchmark.Codebuff has limited free usage, but if you like it you can pay $99&#x2F;mo to get more credits. We realize this is a lot more than competitors, but that’s because we do more expensive LLM calls with more context.We’re already seeing Codebuff used in surprising ways. One user racked up a $500 bill by building out two Flutter apps in parallel. He never even looked at the code it generated. Instead, he had long conversations with Codebuff to make progress and fix errors, until the apps were built to his satisfaction. Many users built real apps over a weekend for their teams and personal use.Of course, those aren&#x27;t the typical use cases. Users also frequently use Codebuff to write unit tests. They would build a feature in parallel with unit tests and have Codebuff do loops to fix up the code until the tests pass. They would also ask it to do drudge work like set up Oauth flows or API scaffolding.What&#x27;s really exciting with all of these examples is that we&#x27;re seeing people&#x27;s creativity becoming unbridled. They&#x27;re spending more of their time thinking about architecture and design, instead of implementation details. It&#x27;s so cool that we&#x27;re just at the beginning, and the technology is only going to improve from here.If you would want to use Codebuff inside your own systems, we have an alpha SDK that exposes the same natural language interface for your apps to call and receive code edits! You can sign up here for early access: <a href="https:&#x2F;&#x2F;codebuff.retool.com&#x2F;form&#x2F;c8b15919-52d0-4572-aca5-533317403dde" rel="nofollow">https:&#x2F;&#x2F;codebuff.retool.com&#x2F;form&#x2F;c8b15919-52d0-4572-aca5-533...</a>.Thank you for reading! We’re excited for you to try out Codebuff and let us know what you think!

Launch HN: Codebuff (YC F24) – CLI tool that writes code for you

Hi HN,We are Cyril &amp; Ulric and are building Marblism (<a href="https:&#x2F;&#x2F;marblism.com">https:&#x2F;&#x2F;marblism.com</a>), an LLM-based dev platform to generate and iterate on full-stack web apps.Here’s a demo video that goes from a comment on Twitter to a working app in 10 minutes: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=TapOPO-Gv20" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=TapOPO-Gv20</a>.Marblism started when we realized that much of the code we write for web apps is just slightly modified boilerplate: similar login flows, dashboards, API integrations, CRUD operations, etc. While AI tools are helpful, they fall short in delivering a well-architected codebase. The idea of Marblism is to combine the best of both worlds: a solid boilerplate, customized and enhanced with AI.Here&#x27;s how it works:Generate your app - Describe your product, and the AI will build your data model. We create a NextJS app with auth, custom CRUDs, permissions, payment, emails. The AI then generates your front-end pages.Test and improve your app - Now that your app is set up, use our online workspace to test your app and add more complex features via an AI Chat or directly yourself in the VSCode editor.Go live - Once you’re happy with your app, deploy it in production in one click.Here are some examples of apps generated on Marblism in couple of hours of prompting:Find and validate startup ideas: <a href="https:&#x2F;&#x2F;www.muckbrass.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.muckbrass.com&#x2F;</a>A design system directory: <a href="https:&#x2F;&#x2F;awesomedesignsystem.app.io" rel="nofollow">https:&#x2F;&#x2F;awesomedesignsystem.app.io</a>AI-Personalized candle: <a href="https:&#x2F;&#x2F;www.scent-a-scene.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.scent-a-scene.com&#x2F;</a>Marblism currently generates web apps like SaaS, marketplaces, and social networks. It doesn&#x27;t support Chrome extensions or mobile apps, and it’s not really for small games like Snake&#x2F;Tetris.The vision is to add more tech stacks later this year and enable people to create their own templates&#x2F;tech stack that the AI can customize.We’re really excited to share this with you and we&#x27;d love to hear your thoughts on the potential directions we can take this product.

Launch HN: Marblism (YC W24) – Generate full-stack web apps from a prompt

Just write Markdown. Add React components whenever you want. I&#x27;m lazy, so I made this extremely simple.- Render Markdown files as dynamic pages- Add React components anywhere in your Markdown- The folder structure becomes the URL path- Global styles using Tailwind CSS and DaisyUI<a href="https:&#x2F;&#x2F;github.com&#x2F;dtedesco1&#x2F;nextjs-markdown-boilerplate">https:&#x2F;&#x2F;github.com&#x2F;dtedesco1&#x2F;nextjs-markdown-boilerplate</a>

Show HN: Minimal Next.js 15 Markdown Boilerplate

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

I&#x27;ve been working on this app for a while and it&#x27;s finally ready to show people. My wife makes music theory videos on YouTube, and I noticed that she was spending a lot of time and effort producing written materials to give to her Patreon supporters to go along with her videos, which already require a huge amount of effort to produce. I realized that I could put together a couple different open source tools that I had already made to automate much of this work.The resulting app, YouTubeTranscriptOptimizer.com, makes it really quick and easy to paste in a YouTube video URL and have it automatically generate not just a really accurate direct transcription, but also a super polished and beautifully formatted written document that can be used independently of the video.The document basically sticks to the same material as discussed in the video, but it sounds much more like a real piece of writing and not just a transcript. It also lets you optionally generate quizzes based on the contents of the document, which can be either multiple choice or short-answer quizzes, and the multiple choice quizzes get turned into interactive HTML files where you can actually take the quiz and it will grade your answers and score the quiz for you. And to make things simpler for less tech-savvy content creators, I made it easy to host the resulting quizzes and documents directly so you can easily share them with your potentially even less tech-savvy audience.This was the first bigger project that I made using a Nextjs&#x2F;FastAPI stack, and I was very pleased with the framework. It really lets you manage complexity in a nice way. Things did start to get a bit complicated with state management, and I found using Zustand helped to centralize some of that. Anyway, I&#x27;m still trying to figure out the exact target market for this tool. Right now it&#x27;s more targeted to content creators on YouTube who have a Patreon or similar and want to reward their supporters, but I&#x27;m realizing that the market of YouTube viewers is much bigger and those people might want to use the tool themselves to turn videos into documents and quizzes for self study purposes.I&#x27;m also working on another version that is document-centric, but it&#x27;s a bit of a different problem. In the case of YouTube video transcripts, we are dealing with raw speech utterances, so there could be run-on sentences, filler words and other speech errors, etc. Thus we need to really transform the underlying content to first get the optimized document, which can differ quite significantly from the raw transcript. Then we use that optimized document to generate the quizzes.In the case of a document only workflow, we generally want to stick to what&#x27;s in the document very closely, and just extract the text accurately using OCR if needed (or extract it directly in case we don&#x27;t need OCR) and then reformat it into nice looking markdown-- but without changing the actual content itself, just its appearance. When we&#x27;ve turned the original document into nice looking markdown, we can then use this to generate the quizzes and perhaps other related outputs (e.g, Anki cards, Powerpoint-type presentation slides, etc).Anyway, I&#x27;d love to get some initial feedback. I&#x27;ve done a lot of testing, so it should all basically be working now, but I&#x27;ve never dealt with a heavy load, so it&#x27;s possible that it will melt down my servers if there is too much traffic.

Show HN: YouTube Transcript Optimizer – Turn Videos into Polished Documents

# 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

NextMaster: OSS ecommerce NextJS template inspired by McMaster-Carr

Ask HN: Astro vs. NextJS vs. Remix, help me decide

V0 Dependencies Installer for NextJS

Show HN: Drive traffic of NextJS developers to your SaaS

Show HN: Use a GitHub Repo as a CMS for a NextJS Blog

Show HN: Use a GitHub Repo as a CMS for a NextJS Blog

NextJS: Our Journey with Caching

One of the best boilerplates for NextJS just fixed their vulnerabilities

NextStep - Onboarding Library for Nextjs

NextJS: Server Actions to Views

NextJS Boilerplate and Convex and Stripe and Resend

I built my first blog (NextJS, MDX)

Super simple AI translation for NextJS internationalization projects

Releasing 5 language support in one attempt with NextJS and ChatGPT

Launch HN: Codebuff (YC F24) – CLI tool that writes code for you

Launch HN: Marblism (YC W24) – Generate full-stack web apps from a prompt

Show HN: Minimal Next.js 15 Markdown Boilerplate

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

Show HN: Next.js GitHub Markdown Blog

Show HN: YouTube Transcript Optimizer – Turn Videos into Polished Documents