Hey HN, Rohan and Saif here from Creo (<a href="https:&#x2F;&#x2F;trycreo.com&#x2F;">https:&#x2F;&#x2F;trycreo.com&#x2F;</a>). Creo lets you make internal tools with NextJS. We’re code-first because we think engineers prefer being in their IDE (especially today, with all the advancements in dev-tools) when building out internal tooling for their company.Here’s a demo of writing code and then deploying your tools:
<a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=GDTk1SmtpXw" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=GDTk1SmtpXw</a>
And here’s one on how to get started with the CLI: 
<a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=JyyyRv2TJy0" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=JyyyRv2TJy0</a>.A lot of internal tool builders (eg: Retool and Tooljet) are low-code, meaning you’re given a WYSIWYG drag-and-drop UI where you can drag components onto a canvas, and then wire them up to a data source or endpoint using a form&#x2F;code-block. This has the advantage of being accessible to non-programmers, who are often the people needing and using the tools. What we’ve repeatedly seen, however, is that while these solutions begin with a PM (or similar) creating the initial tool, they soon bring in an engineer to e.g. wire it up to a data source or an endpoint. But engineers dislike dealing with this drag-and-drop stuff—it would be so much easier for them just to do it in code. So these products become stuck somewhere between code and no-code.We experienced many such problems building internal tools at companies we’ve worked at in the past. We tried the aforementioned low-code builders and found the tools hard to maintain as they became more complex. We wanted to write the JavaScript we’re comfortable with, but it was always hard picking the libraries&#x2F;dependencies to get started. We never found a good, opinionated set of abstractions to build internal tools quickly.Our solution is simple: you use our CLI to clone our NextJS14-based starter and run it on port 8891, where you write the React&#x2F;JS you’re comfortable with. All you have to do is worry about the app&#x2F;tools folder, where you can create new directories for the tools you need to create. Everything else is configuration files. Once you push your project to a GitHub repo, you can connect that repo to our platform on our deployments page. We also have a component library (built on top of Shadcn), that will save you time, especially with things like data tables, forms and charts.The tools will then show up on your dashboard and be usable in about 1-2 minutes. The rest of the platform has all the other features you will need, such as being able to add team members to your organization, configuring permissions, keyboard shortcuts, authentication and more.The real value, in our opinion, is that you will never have to do authentication, manage team permissions, and worry about components. Because it’s code-first, it also becomes dead easy to coordinate with your team via source control, and take advantage of tools like GitHub Copilot to write repetitive code fast. Our current pricing is free to get started as an individual, and subscription based pricing for teams (Currently $30&#x2F;mo up to 5 users, later seat-based subscriptions).You can try Creo today by heading to <a href="https:&#x2F;&#x2F;trycreo.com&#x2F;">https:&#x2F;&#x2F;trycreo.com&#x2F;</a>, or get started without signing up by looking at our docs (<a href="https:&#x2F;&#x2F;docs.trycreo.com">https:&#x2F;&#x2F;docs.trycreo.com</a>).We’d love to hear your feedback.Edit: We also have an AI offering that is live today. You can grab an API key from our web app, add it to your .env locally and ask it to generate the tool you have in mind! (The YouTube video shows you how you can do this)

Launch HN: Creo (YC W24) – Build internal tools with NextJS and AI

Personext: NextJS and Vercel is enough for your next personal website (DB-free)

Show HN: NextJS CMS using Firebase as a DB for creating SSR websites

Hey HN,I&#x27;ve been working on a Next.js kit because I often waste good product ideas by never finishing them. I&#x27;m aware we shouldn&#x27;t rely solely on motivation, but the motivation I have during the first week is incredible and makes me very productive. However, I usually spend that first week setting up authentication, Stripe subscriptions, emails, SEO, etc. So, I created a kit that includes all these elements so you can focus on your product from day one.You might be thinking, &#x27;Another Next.js kit?&#x27; Yes, there are many alternatives, but I built this one for myself using the technologies I prefer. If others find it useful, that&#x27;s great for both of us.Here are a few things I consider great about my kit:1. Comprehensive documentation at <a href="https:&#x2F;&#x2F;docs.shipit.so" rel="nofollow">https:&#x2F;&#x2F;docs.shipit.so</a>
2. Highly customizable yet offers excellent default settings for speed
3. Uses SQLite by default but can easily integrate MySQL or other databases
4. Combines great technologies such as Next.js, TypeScript, Prisma, Tailwind, Stripe, Shadcn, and Resend
5. I will keep it frequently updatedLike with clothing, there are many options, but we choose what suits us best. If this kit suits your needs, I&#x27;m happy to assist you.You can find the product at <a href="https:&#x2F;&#x2F;shipit.so" rel="nofollow">https:&#x2F;&#x2F;shipit.so</a>Thank you for your time.

Show HN: I made a NextJS kit to stop wasting product ideas

Bolt – NextJS+Convex+Clerk boilerplate – setup CRUD in 3mins

GDS Govt Design Standards UK with Tailwind and Nextjs

How to Use Google's ReCaptcha V3 with NextJS 13 and the New App Router

NextJS SaaS Boilerplate

Building a Full-Stack Discord Clone with Stream Video, Clerk and NextJS

Hello Hacker News community! My name is David and I am excited to announce the start of NarrateJS, a drop-in blogging system for NextJS.NarrateJS was created to provide developers with a seamless and easy-to-use blogging solution for their NextJS or React applications. With our package, you can quickly add a fully functional blogging system to your website, without the hassle of building it from scratch.Key features of NarrateJS include:1. Easy integration: Simply add the package to your project and start creating and managing blog posts right away.
2. Customizable templates: Personalize the look and feel of your blog with customizable templates to match your brand.
3. SEO-friendly: Ensure your blog posts are optimized for search engines with built-in SEO features.
4. Mobile-responsive: Reach your audience on all devices with a mobile-responsive design.
5. User-friendly admin interface: Manage your blog content easily with a user-friendly admin interface.
6. Open source: We are building this in public and have the source code available in our github repo.We believe that blogging should be accessible to all developers, and that&#x27;s why we created NarrateJS. Whether you&#x27;re a seasoned developer or just starting out, NarrateJS makes it easy to add a professional blog to your website.We welcome you to check out NarrateJS at <a href="https:&#x2F;&#x2F;www.narratejs.com" rel="nofollow">https:&#x2F;&#x2F;www.narratejs.com</a>Thanks!

Show HN: A drop in auto blogging framework for NextJS/React

Hi HN.I&#x27;ve been programming for the last 6 years. Now I finally made my first website. On the website you can write yourself an email which you will get in the future. I am very new to all of this SEO stuff.Marc

Show HN: I made a NextJS app to write your futureself an email

How do create an internationalization app with capacitor and NextJS

Multi-Tenant AI PDF Chat – Built with Nile, OpenAI, UploadThing and NextJS 13

I’ve loved keeping plants since I was a kid. But the online world of plants can be confusing - strange vocabulary, plants going by conflicting names, and hundreds of niche websites. I wanted to create a site that would organize all of this info and make it easier to explore and discover new plants. That’s why I created GetAnyPlant, which aggregates and matches plants from dozens of online stores. It includes huge amounts of data on these plants along with filters and categories to help you search. You can also save plants to your wishlist and add notes to them.I’m a data scientist by profession, so probably 80% of the work was totally new to me. I built v1 using wordpress , v2 using django, and v3 I pivoted to using react and next js for frontend.I would greatly appreciate any feedback on the site as well as any advice on how to grow it.

Show HN: A free site to explore and discover 6k plants

Hi AllThis is my personal project that is an IDE and AI assistant for creating tailwind components and pages. You can chat to create designs, then make small edits yourself, and continue chatting to refine them. I am always working to improve the UX.I have a time limited demo page here: <a href="https:&#x2F;&#x2F;langcss.com&#x2F;demo" rel="nofollow">https:&#x2F;&#x2F;langcss.com&#x2F;demo</a>Please let me know what you think! Feedback is welcome.Tech wise, this just uses NextJS (Hosted on Docker) and Azure Open AI.

Show HN: LangCSS – An AI Assistant for Tailwind

What&#x27;s the closest thing to Rails, Laravel or Django but works really well with React or Svelte like Nextjs?Doesn&#x27;t seem like it exists - why not? React&#x2F;Svelte clearly won on the frontend, but nextjs leaves a lot to be desired on the full stack DX. I&#x27;m looking for something more opinionated and full-featured like the traditional frameworks but that has first class support for modern frontend.

Ask HN: What's a batteries-included framework that's React-first?

@deveshb15 and I built a URL shortener because the existing ones don&#x27;t let you change the destination source once you create it.The main benefit is really just the fact that once you claim a link, you don&#x27;t need to claim another and you can change the destination that link leads to as many times as you want - we need this a lot and don&#x27;t want to pay a monthly fee for this.We used nextjs for frontend and backend, firebase for authentication and database, and used middleware in nextjs to the redirect url to desired location.Give it a go and let me know if you have any feedback.Thank you

Show HN: A URL shortener that lets you change the destination source

I mean is React team favouring Next because Vercel keeps hiring from the core React team?Seems NextJs always has the latest updates from React even before React is out of Beta with their own code.Just curious because I had heard this before when app router and RSC was introduced. No idea so just asking.

Ask HN: What is the relation between Next and React?

In 2020, I was a typical AS400&#x2F;Mainframe developer. Day in and day out, I worked with systems that were robust yet not cutting-edge. Watching others innovate and launch their SaaS products, I felt a pang of longing but doubted my own capabilities. “I don’t have the skill set,” was a frequent, nagging thought.Then, the world changed with COVID-19, and so did I. With routines disrupted, I saw an opportunity to disrupt my own professional path. I took my first decisive step towards transformation: learning Python. This was more than just picking up a new programming language; it was about challenging the limits I had set for myself.By 2021, my journey had taken a deeper dive into tech. I immersed myself in the burgeoning fields of blockchain and Web3, gaining insights into decentralized technologies. Eager to share my newfound knowledge, I created a complete course on how to build a blockchain from scratch and launched it on my website, http:&#x2F;&#x2F;codiesalert.com&#x2F;. This endeavor was not just about disseminating knowledge but also about solidifying my own understanding and establishing myself as a knowledgeable entity in these niche fields. It was gratifying to see that close to 4000 students benefited from this course, learning and growing in their own tech journeys. Also, launched the blockchain course on udemy.2022 brought new challenges and learning curves. I explored javascript, nextjs and tailwind. One of the most challenging aspects of venturing into web development was choosing the right framework among the myriad of options available. Being new to the web development world, it was very confusing. I decided to go with Next.js, and it has never disappointed me. Despite setbacks, such as changes to Twitter’s API that killed my Social Media SaaS even before the launch, I continued to learn and adapt.In 2023, I started exploring the AI space. After 8 months of hard work and juggling between 9-to-5 job, I built my first SaaS product, https:&#x2F;&#x2F;Voxal.ai. While I don&#x27;t know if it will be successful or not but, I&#x27;ve learned immensely from building it. Regardless of the outcome, this experience will not deter me. I&#x27;m committed to continuing my journey, constantly learning and innovating.Reflecting on my journey, I am so glad I decided to learn Python. That first step catalyzed a series of transformations, breaking mental barriers and proving that it’s never too late to redefine one’s career.Like many, I once thought my career was set in stone due to my initial skill set. However, the truth is, we always have options; we just need to challenge ourselves and step out of our comfort zones.To those feeling pigeonholed by their current skills or industry: remember, every expert was once a beginner. Challenge your boundaries, embrace continuous learning, and take those bold steps. The journey might be unpredictable, but it is also liberating and rewarding.

Journey from Mainframe Developer to Tech Solopreneur

Hi HN! Pranay here from Relentless (<a href="https:&#x2F;&#x2F;relentless.so&#x2F;" rel="nofollow">https:&#x2F;&#x2F;relentless.so&#x2F;</a>).I was frustrated with the lack of options to create and publish great product documentation so I created Relentless.The main goal for Relentless is to provide a trivial way to write and publish great technical content. Couple things we do that help this cause is,1. GFM Markdown out of the box.2. Syntax Highlighting for over a 100 languages with line level highlighting.3. Hierarchal structure of posts that create tree like organization of posts.4. Drag and drop interface to change posts order.5. Simple deploying with a Lets Encrypt SSL Certificate.6. Offline first - Relentless stores everything locally in your browser in IndexDB and then syncs when you&#x27;re back online. We use PouchDB - CouchDB for our syncing.We use a React App that is backed with IndexDB in the browser. When you publish you work, we bundle your markdown files, process syntax highlighting and serve your site as a NextJS Bundle. This can be hosted under a private domain or a Relentless domain.Although we&#x27;ve published our initial pricing scheme we&#x27;re very much in Beta and would love to onboard early adopters. Please reach out with any questions or concerns!Thanks,
Pranay

Show HN: Relentless.so – Create Beautiful Product Documentation

# 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