Show HN: Open-Source Auth for NextJS / React

NextJS and Clerk – Secure Authentication at the Edge

Combining NextJS, AWS Amplify and Stripe to build a catering app

Nextjs usage has increased to half as much as Wordpress

Why I migrated my (small) site from Gatsby to NextJS and what happened

How to Embed a Script in NextJS

Middleware in NextJS 12 – What are they and how to get started with them

How to Add an RSS Feed to a NextJS Blog

Hi HN, I&#x27;m Kevin, the founder of Dendron (<a href="https:&#x2F;&#x2F;www.dendron.so" rel="nofollow">https:&#x2F;&#x2F;www.dendron.so</a>). Dendron is a local, open-source, markdown-based note-taking tool that helps developers work with notes like they do with code.My background is in software engineering. Before Dendron, I worked at AWS for 5 years on systems that had grown more complicated than what any one person (or team) could hope to understand.
As someone who doesn&#x27;t have a great memory, I was always overwhelmed with technology and the constant flux in programming languages, frameworks, and techniques. I realized early on that I wouldn&#x27;t be able to keep everything in my head and so I wanted a better way of externalizing this information in a way that could help me find it again when needed.The problem with externalizing information is that it becomes hard to find again later unless you&#x27;re diligent about maintaining a consistent structure. Search is a possible solution, but doesn&#x27;t work at the scale of personal data (too big to keep in one&#x27;s head but too small and too unstructured to effectively index). I tried all the note-taking tools and found that they too, to varying degrees, made it easy to get notes in, but hard to get specific information back out again—especially once the quantity of information grew beyond a certain threshold (eg. 1k notes).Over a decade of experimenting, I found that the only times when I&#x27;ve been able to find information both consistently and quickly is when that information was well organized and well structured. Whether it&#x27;s a certain naming convention or a precise hierarchy, once information was indexed in a way that made sense in my head, I could find it again. This led me to the structural approach that is now embedded in Dendron. I&#x27;ve been using it successfully myself to manage a personal corpus of over 30K notes.Organizing notes doesn’t happen effortlessly or become unnecessary with note-taking tools. What’s different about Dendron is that we accept that organization is necessary and requires work — we give you the structure and the tooling to do it consistently.Dendron is the combination of two things: (1) a structured superset of Markdown with a type system to map and enforce the consistency of your notes, and (2) tooling built on top of that structure - this is a growing set of commands and utilities that let users refactor, lookup, and share their knowledge. We borrow heavily from prior work in programming languages and developer tooling which help developers organize and reference millions of lines of code.The main way that users interact with Dendron is as a VSCode plugin. When you start the plugin, Dendron starts a local server that indexes and processes commands from the plugin in a separate process. We have interactive graph views and a note preview which is powered by React and NextJS. These are the same components that go into our NextJS template which users can export to publish their notes.Most of our users are developers. Their use cases include daily journals, keeping track of tasks, and implementing personal knowledge management systems. Many also take advantage of our publishing feature to share their notes on Github Pages and other platforms. Because notes are local, most of our users use Dendron for both personal notes and work. They keep their personal notes on a shared drive like Dropbox and work notes on their work computer. We also have enterprise customers that use Dendron to publish their content. For example, AWS uses Dendron to host a YC specific manual to new YC batches.Currently, we have a Patreon-like model where supporters can contribute to get access to priority support, early builds and contributor-only chat. Next year, we are launching a teams offering, to give technical teams a better alternative to existing tools like Confluence and Notion.Dendron is open source and self-hostable. The code is freely available in Github and can be installed on all VSCode compatible clients. You can get started by following the installation instructions here: <a href="https:&#x2F;&#x2F;wiki.dendron.so&#x2F;notes&#x2F;678c77d9-ef2c-4537-97b5-64556d6337f1&#x2F;" rel="nofollow">https:&#x2F;&#x2F;wiki.dendron.so&#x2F;notes&#x2F;678c77d9-ef2c-4537-97b5-64556d...</a>. We also offer a CLI that has a subset of the functionality available from the plugin, which is also open source.Whether you&#x27;re just getting into note-taking or are a seasoned veteran who has tried all the tools, I would love to hear how you do knowledge management. If you do try Dendron, please let me know how we can make it better for you! I&#x27;ll be responding to comments all day - you&#x27;re also free to email me directly at kevinlin@dendron.so or message me in our discord server (<a href="https:&#x2F;&#x2F;discord.gg&#x2F;AE3NRw9" rel="nofollow">https:&#x2F;&#x2F;discord.gg&#x2F;AE3NRw9</a>). Thanks for reading!

Launch HN: Dendron (YC W21) – Structured note-taking for developers and teams

Hi all, Hi, dear 2021 folks.You know what?
I actually find that 2021 front-end development has a problem of productivity.A. Big. F*ing. Sh*ty. Problem of productivity.Read below, my dudes.Front-end development is better than back-end to making deadlines fly away like gulls. ;-)
-&gt; Front-end choose their techs by thinking about speeds. But not the good ones. i. Speed of frontend execution at client-side. ii. Speed of transfer of the frontend from the server to the client. iii. Even speed of execution of the frontend... backside (NextJS).
-&gt; BUT F* MY GUYS. YOU KNOW THE F*ING WHAT? Nowadays, Internet taken as a whole is so fast, servers are so fast, clients are so fast, all is so fast that looking for fast front-end fetching queries to the server and&#x2F;or for execution gains of the frontend is shallow, overengineering, USELESS. So why are you thinking about those speeds again and again and again. You would have better to throw your watermelon to the trash.What would be welcome and ACTUALLY USEFUL?
I answer you in two words, 7 letters ;-).
FAST. DEV.
FAST DEVELOPMENT, fucking JESUS.
(Well the whole list would be: fast dev + super UX-design).
The other speeds? Don&#x27;t care. Blablabla. Don&#x27;t. F*ing. Care.Trust me. Trust the speed of dev. It&#x27;s the FUTURE.1. What would be very useful: a kind of WYSIWYG to create responsive and UX-designed GUI for webapps and websites. You would be able to bind your WYSIWYG widgets to some logic (NodeJS Nest.JS or PHP Laravel) and both frontend and logic would be bound to some model (Strapi). You would choose the good techs in order to maximize speed of development. Should this WYSIWYG tech be open-source, proprietary, self-hosted, cloud-hosted, should it output dependent webapp&#x2F;websites or actual, i.e. self-sufficiently executing webapp&#x2F;websites, should this WYSIWYG be subject to versioning, all of these questions = I have my own opinion but yeah;2. What would be useful if this tech doesn&#x27;t yet exist in 2021: a fast dev frontend framework (or more exactly I should rather say: a fast dev frontend widgets&amp;design library).NOW MY GUYS. Read again bellow AND TRY IT.1. Open HackerNews. Or Google. Type &quot;low code frontend&quot;, &quot;low-code frontend&quot;, &quot;lowcode front-end&quot; and whatever the syntax you want. What you will find are only 2 or 3 solutions. All except one cost the ass and are proprietary (not even open-source wtf). The last one, AppSmith, is for internal projects only (don&#x27;t allow us to do responsive designs&#x2F;widgets).2. Open HackerNews....... Google.... Type &quot;frontend&quot; and read 10 first pages like I did. You will mostly find Next.JS + Ant design or Svelte. But are they really fast dev? Nooope my dude, nope nope nope, they just have a learning curve faster than React ;-).You guys, I actually find that 2021 front-end development has a problem of productivity.A. Big. F*ing. Sh*ty. Problem of productivity.

Ask HN: F***ing 2021 Front-End Dev: How to dev faster?

Hi everyone! I&#x27;m in the process of hiring software developers and I&#x27;ve created the job offer that you can find below. I would like to hear your feedback, because I didn&#x27;t received too much applications. I&#x27;m trying to figure out what can be possible wrong with it or how I can improve this. I know that a number of factors plays a role, like the salary, but maybe there is still something worth to change in the text.I will be really happy to hear your general feeling after reading the offer and what are &quot;positives&quot; or &quot;negatives&quot; in your opinion. Thanks!Job offer
-------------------Hey! I&#x27;m Frank, and I want you to help us with React projects!Join to our self-organizing teams and participate at every stage of the project: from exploring the project&#x27;s problem to delivering outstanding products. As a team member, you will share responsibilities with other teammates. Together, you will plan the solution and split the work within the team. Collectively, you will take care about the code, final outcome at every level and genuinely support each other. Each team has a leader who consolidates organizational activities like tracking the projected trajectory, communication with the client, and coordination of the team efforts... but we encourage everyone to commit at every level, including the leader&#x27;s responsibilities.Your skills, continuous improvement, willingness to face challenges, and thoughtful collaboration with respect and trust are what you bring to the table. This will make you a valuable part of the project team, and everyone will look forward to working with you! In COMPANY_NAME, we highly appreciate self-learners giving great attention to the details and final results and having a deep sense of responsibility.We also genuinely value the efforts to extend domains, and we encourage everyone to migrate towards full-stack competencies. It gives a better understanding of the project, facilitates cooperation with other programmers, and makes you a more complete developer. Saying this, any additional experience with React Native, Blockchain, Ruby on Rails, AWS, and DevOps will be your great advantage!At COMPANY, you may not only contribute at the project level. Each team follows the common standards and guidelines unifying how projects are built. By giving new suggestions, you can shape how you and all other teams work. This is another way how you can help us to deliver better results!In the daily work, you will find that we are not very different from other organizations. We are using GitHub, Docker, Slack, and we do code reviews. Also, we make sure that everyone can enjoy the well-balanced environment with the right amount of meetings-and-teamwork time and time when you deeply focus on the programming.We work on projects and with people from around the world... so good English communication skills are really needed in this job.Apply now to become a part of COMPANY where you&#x27;ll work as a team, tackle challenges as a team, succeed as a team and fail as a team (...because failure is not an option! ;) )We&#x27;ll also highly appreciate anything more than a CV. You can provide showcases of your previous work and links to your profiles on GitHub and LinkedIn.&gt;&gt;&gt; Essentials:-2+ years of experience with React projects-(...)-Good English communication skills (B2&#x2F;C1)&gt;&gt;&gt; Nice to have:-Gatsby &#x2F; NextJS-(...)-Storybook&gt;&gt;&gt; Leverage:We aim to create a balanced team of developers, and we encourage everyone to enhance their skills to cover other domains of the development world, so the experience with any of the following technologies will give you a great advantage:-React Native-(...)-DevOps&gt;&gt;&gt; Job:-Contract: ?-Remote work-Paid time off-Flexible working hoursProcess:1.Application review2.First interview-60min3.Second meeting-90min4.Final meeting-30min5.Paperwork and onboarding

Ask: I need a feedback about my job offer/description

works really well for general topics like nextjs (helps capture what&#x27;s out there to search for).

Show HN: A search engine that lets you refine your queries

Hey, we don&#x27;t have a direct export to nextjs at this moment, but it is on our radar, of course :)

Show HN: Randomly create beautiful website layouts

this is awesome!
can you not export to nextjs ?

There isn&#x27;t a language that can replace php in 2021. Javascript doesn&#x27;t have the size of build-in library. Golang is compiled and limited, blank spaces&#x2F;tabs will kill a Python program. Ruby &#x2F;rails is slower. All are harder to host. What could you replace php with?The tales of legacy mistakes holding back php are things with no basis in reality. What legacy mistake holds php back? Method names&#x2F;parameter ordering?When I started with php in 2001 those elite programmers at meetups were looking down at php because Java was cool. In 2003 those elite programmers thought php should die because asp took over. PHP kept going along quietly taking over the web until the facebook movie came out making PHP cool for a moment. Those elite programmers decided PHP was too mainstream and the why PHP sucked movement started. The elite guys moved to Ruby On Rails then node&#x2F;MongoDB, angularjs, React, Nextjs leaving each ecosystem for the next hoping that one day they will strike gold.

PHP 8.1.0 Release Announcement

Great pointers, I started learning Clojure for a hobby project and was initially put off by the lack of ‘frameworks’ like nextjs or rails, but after effectively piecing my own stack together from components like Reitit and Integrant I’m really glad I didn’t use a framework.I actually feel like I understand everything that happens in the system now, and when problems arise I can REPL in and hunt them down with confidence.Though I don’t use Clojure professionally, I’ve definitely become a better developer just from playing with it, a contrast to JavaScript where I feel like learning it actually lowered my iq…

Abstract Clojure

That is through using a custom server -- which is a whole other topic. I&#x27;m comparing apples-to-apples between NextJS&#x27;s built-in router and Remix&#x27;s usage of React Router as far as client-side routing is concerned.

Remix – A framework focused on web fundamentals and modern UX

<a href="https:&#x2F;&#x2F;nextjs.org&#x2F;docs&#x2F;advanced-features&#x2F;custom-server#disabling-file-system-routing" rel="nofollow">https:&#x2F;&#x2F;nextjs.org&#x2F;docs&#x2F;advanced-features&#x2F;custom-server#disa...</a>&gt; &quot;You may also wish to configure the client-side router to disallow client-side redirects to filename routes; for that refer to router.beforePopState.&quot;<a href="https:&#x2F;&#x2F;nextjs.org&#x2F;docs&#x2F;api-reference&#x2F;next&#x2F;router#routerbeforepopstate" rel="nofollow">https:&#x2F;&#x2F;nextjs.org&#x2F;docs&#x2F;api-reference&#x2F;next&#x2F;router#routerbefo...</a>

I think there&#x27;s many advantages to it. Whole one company might be stuck in slower webpack&#x2F;Babel hell, nextjs, remix, those that don&#x27;t let the developer muck with the toolchain have been able to switch out for much faster &amp; smaller bundlers. CRA is in a decent position to do similar.

What's the Future of IDEs?

Just curious, if you already have NextJS, why support other frameworks like Svelte, Nuxt etc? Aren&#x27;t they competitors in a way? Or is it more that Vercel is a platform that can host any framework so as long as customers use Vercel versus others, you don&#x27;t really care which framework they use?

Vercel raises $150M Series D

# 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