Package Manager*
Select the way to manage project dependencies.
User Interface*
Select the UI kit to develop website’s looks.
SSG Bootstrap layout and static components, with client-side interactive
components rendered via React-Bootstrap.
Did not find a package you need? Expand missing packages and cast your votes below.
API*
Select how you want to communicate with your app’s backend.
Did not find a package you need? Expand missing packages and cast your votes below.
Backend
Select the Backend (as a Service) technology utilized in the project.
Did not find a package you need? Expand missing packages and cast your votes below.
Select how you want to handle sending the data.
Did not find a package you need? Expand missing packages and cast your votes below.
Validation
Select the validation library for forms and API requests.
Did not find a package you need? Expand missing packages and cast your votes below.
State Management
Select the client-side state management solution for the website.
Did not find a package you need? Expand missing packages and cast your votes below.
Authentication
Select the way to authenticate users of your website.
Did not find a package you need? Expand missing packages and cast your votes below.
https://auth0.com/blog/ultimate-guide-nextjs-authentication-auth0/
https://github.com/vercel/next.js/tree/canary/examples/auth0
Authorization
Select the way to authorize users of your website.
Did not find a package you need? Expand missing packages and cast your votes below.
Multi-Tenancy
Select whether the project supports multi-tenancy and how it is implemented.
Database tables teams and teams_users. Inspired by Basejump and Supabase
Multi-Tenant Role-based Access Control.
File Storage
Select the file storage solution used by the website.
Did not find a package you need? Expand missing packages and cast your votes below.
Microsoft’s cloud solution for file storage.
Azure Blob Storage - Massively scalable and secure object storage for
cloud-native workloads, archives, data lakes, high-performance computing,
and machine learning.
azure.microsoft.com
DitialOcean’s cloud solution for file storage.
Store and deliver vast amounts of content
S3-compatible object storage with a built-in CDN that makes scaling easy,
reliable, and affordable.
digitalocean.com
Google’s cloud solution for file storage.
Cloud Storage - Object storage for companies of all sizes. Store any
amount of data. Retrieve it as often as you’d like.
cloud.google.com
Object Relational Mapper
Select the ORM framework utilized by the website.
Content Management System
Select the CMS framework utilized for the website’s dynamic resources
content management.
Did not find a package you need? Expand missing packages and cast your votes below.
Select the format of data files imported in the project.
Did not find a package you need? Expand missing packages and cast your votes below.
Navigation
Select the type of navbar navigation to navigate the website.
Did not find a package you need? Expand missing packages and cast your votes below.
Specifies the type of website’s footer navigation.
Pages
AboutWebsite’s mission, vision, values and origin.
BlogA simple blog with posts, tags and authors.
ContactSocial media, chats, email, phone and address info.
DocsDocumentation pages with multiple levels of nesting.
FAQFrequently Asked Questions with their answers.
NewsA simple website news listing.
PrivacyWebsite’s privacy policy page.
Super AdminAdmin panel with the users and teams management and stats.
TermsTerms and conditions of service usage.
User's ProfileCredentials and avatar upload forms.
User profile page with the credentials form (first and last name), and the
avatar upload form if a file storage is configured.
Did not find a package you need? Expand missing packages and cast your votes below.
ChatChat page with real-time updates.
PortfolioPortfolio page with projects listing.
TutorialsTutorials pages with multiple levels of nesting.
Icons
Select the website’s icons library.
Did not find a package you need? Expand missing packages and cast your votes below.
Notifications
Select the interactive UI notifications library to users about the status of
their actions.
Rich-Text Editor
Select the library to handle WYSIWYG users’ input.
Modern JavaScript rich text editor with a modular architecture.
WYSIWYG editor of tomorrow, available today
Smart rich text editor components with collaborative editing.
ckeditor.com
Modern JavaScript rich text editor.
Built to scale. Developed in open source. Designed to innovate.
ckeditor.com
Charts
Select the library to present data in charts.
Did not find a package you need? Expand missing packages and cast your votes below.
Search
Select the search functionality or search engine to search the website.
A freemium search solution.
The best Search and Discovery Platform for your business
Algolia empowers Builders with the Search and Recommendation services they
need to build world-class experiences.
Github README.md
Pricing:
| Per 1k/mo | Up to 10k | Standard | Premium |
|---|
| Search | 0 | $1.00 | $1.50 |
| Recommend | 0 | 🚫 | $0.60 |
A simple pay-as-you-go system.
An Apache-Solr-based search solution.
A Sphinx-based search solution.
Animations
Select the library to animate the website’s content.
Did not find a package you need? Expand missing packages and cast your votes below.
Transactional Emails
Select the service used for sending transactional emails.
Integrates AWS SES to send transactional emails.
Integrates Brevo to send transactional emails.
Integrates Mailgun to send transactional emails.
Integrates Postmark to send transactional emails.
Integrates Resend to send transactional emails.
Integrates SendGrid to send transactional emails.
Did not find a package you need? Expand missing packages and cast your votes below.
Integrates Mailchimp to send transactional emails.
Use your custom-defined SMTP to send transactional emails
Email Newsletter
Select the service used for email newsletter management.
Integrates Mailjet to build newsletter subscriptions.
Did not find a package you need? Expand missing packages and cast your votes below.
Integrates AWS SES to build newsletter subscriptions.
Integrates Brevo to build newsletter subscriptions.
Integrates Mailchimp to build newsletter subscriptions.
Integrates Mailgun to build newsletter subscriptions.
Integrates Postmark to build newsletter subscriptions.
Integrates SendGrid to build newsletter subscriptions.
Payments
Select the service used for handling one-time payments and subscriptions.
Did not find a package you need? Expand missing packages and cast your votes below.
Ecommerce
Select an online shop provider.
Language*
Select website’s default language.
Did not find a package you need? Expand missing packages and cast your votes below.
Internationalization
Select a library to provide website’s translations.
Did not find a package you need? Expand missing packages and cast your votes below.
Translations
Select all the secondary languages that you the website to be translated to.
Did not find a package you need? Expand missing packages and cast your votes below.
Components
Select multiple web components that are commonly available in Next.js
projects.
Theme SwitchLight/dark/system theme switch in the navbar.
Did not find a package you need? Expand missing packages and cast your votes below.
Developer Experience
Select multiple libraries contributing to the flawless experience of your
project codebase development.
Did not find a package you need? Expand missing packages and cast your votes below.
Unit Tests
Select a library for unit testing the code.
Did not find a package you need? Expand missing packages and cast your votes below.
End-to-end Tests
Select a library for end-to-end testing.
Did not find a package you need? Expand missing packages and cast your votes below.
Monitoring
Select a service for APM and error + exception reporting.
A commercial error tracking tool.
Analyze and explore log data in context with flexible retention
datadoghq.com
Pricing:
| Retention | Ingest | 3-day | 7-day | 15-day | 30-day |
|---|
| GB | $0.10 | $1.06 | $1.27 | $1.70 | $2.50 |
All plans come with 14-day free trial.
b application monitoring for today’s developer.
light.io](https://www.highlight.io)
A commercial error tracking tool with a free plan.
Exception, uptime, and cron monitoring, all in one place — and easily
installed in your web app. Deploy with confidence and be your team’s
devops hero.
honeybadger.io
Pricing:
| Basic | Team | Business |
|---|
| 1k | 0 | N/A | N/A |
| 150k | N/A | $39 | $120 |
| 150k / year | N/A | $429 | $1320 |
| 600k | N/A | $108 | $324 |
| 600k / year | N/A | $1188 | $3564 |
| 1.8kk | N/A | $297 | $813 |
| 1.8kk / year | N/A | $3267 | $8943 |
| 3.6kk | N/A | $594 | $1347 |
| 3.6kk / year | N/A | $6534 | $14817 |
All paid plans come with a 15-day trial, unlimited projects, unlimited user.
There’s also the Enterprise plan, starting with $3k.
A commercial error tracking tool that’s free up to defined data threshold.
Understand and trace dependencies across your distributed system so you
can detect anomalies, reduce latency, squash errors, and optimize your
customer’s experience.
newrelic.com
Pricing:
| Free | Standard | Pro | Enterprise |
|---|
| Space | up to 100 GBs | $0.25 / GB | $0.25 / GB | $0.25 / GB |
| Full platform users | 1 | $99 / user (up to 5) | $99 / user (unlimited) | $99 / user (unlimited) |
| Core User | 🚫 | $49 / m | $49 / m | $49 / m |
| Retention | Standard | Standard | Extended | Extended |
| Admin features | 🚫 | 🚫 | Advanced | Enterprise |
| Support | 🚫 | 🚫 | Available | Designated |
| Priority tickets | 🚫 | 🚫 | 🚫 | ✅ |
Pricing of the Pro and Enterprise plans are available upon contacting sales.
A commercial error tracking tool without a free plan.
Actionable, real-time insights into the quality and performance of your
web and mobile apps. Detect, diagnose, and resolve issues quickly to
deliver flawless digital experiences for your customers.
raygun.com
It has the simplest pricing that is $6 per 10k events, with a 14-day free
trial, unlimited apps and users and 180-day data retention(!).
A commercial error tracking tool with a free plan.
From error tracking to performance monitoring, developers can see what
actually matters, solve quicker, and learn continuously about their
applications - from the frontend to the backend.
sentry.io
Pricing:
| Developer | Team | Business |
|---|
| Monthly | 0 | $29 | $89 |
| Yearly | 0 | $26 | $80 |
| Errors | 5k | 50k | 50k |
| APM | 10k | 100k | 100k |
Plans come with a 14-day free trial, and there’s an additional cost when
going over the limit, explained to a great detail.
Did not find a package you need? Expand missing packages and cast your votes below.
A commercial error tracking tool with a free plan.
Frictionless error monitoring and performance insights for your entire app
stack.
airbrake.io
Pricing:
| Free | Tier 1 | Tier 2 | Tier 3 | Tier 4 | Tier 5 |
|---|
| Monthly | 0 | $19 | $59 | $129 | $299 | $799 |
| Errors | 7.5k | +25k | +100k | +300k | +1kk | +5kk |
| Over limit | $0.00065 | $0.00065 | $0.00050 | $0.00365 | $0.00025 | $0.00010 |
| Retention days | 7 | 30 | 30 | 90 | 180 | 180 |
| Support | Online | Online | Online | Phone | Phone | Dedicated |
It comes with 30-day free trial, and with 10% annual discount.
An all-in-one tracking solution.
AppSignal combines 6 powerful monitoring features into one APM — all in an
easy to use interface.
appsignal.com
Pricing:
| Requests | Monthly | Yearly (-10%) |
|---|
| < 250k | 15€ | 159€ |
| < 3kk | 39€ | 419€ |
| < 10kk | 89€ | 959€ |
| < 25kk | 159€ | 1699€ |
| < 50kk | 199€ | 2149€ |
| < 125kk | 349€ | 3769€ |
| < 250kk | 449€ | 4839€ |
| < 500kk | 599€ | 6449€ |
| < 1kkk | 799€ | 8599€ |
| < 1.5kkk | 1149€ | 12399€ |
| < 2.5kkk | 1799€ | 18999€ |
All features are included in all plans, and all plans have a 30 day free
trial.
A commercial error tracking tool with a free plan.
Bugsnag monitors application stability so you can make data-driven
decisions on whether you should be building new features, or fixing bugs.
bugsnag.com
Pricing:
| Lite | Lite / year | Standard | Standard / year |
|---|
| 7.5k events / 1 user | 0 | 0 | N/A | N/A |
| 150k events / 5 users | $35 | $29 | $69 | $59 |
| 450k events / 15 users | $119 | $99 | $239 | $199 |
| 1.5kk events / 30 users | $299 | $249 | $599 | $499 |
| 3kk events / 50 users | $599 | $499 | $1199 | $999 |
Both plans include the 14-day free trial, and there’s also an Enterprise
plan purchaseable via Sales.
A commercial error tracking tool with a free plan.
Don’t watch millions of sessions.
Don’t stare at dashboards.
Discover impactful problems.
logrocket.com
A commercial error tracking tool with the most generous free plan.
Proactively discover, predict, and resolve errors in real-time with
Rollbar’s continuous code improvement platform.
rollbar.com
Pricing:
| Free | Essentials | Advanced |
|---|
| 25k | 0 | N/A | N/A |
| 50k | N/A | $21 | $99 |
| 100k | N/A | $40 | $99 |
| 200k | N/A | $55 | $149 |
| 300k | N/A | $70 | $199 |
| 400k | N/A | $85 | $249 |
| 500k | N/A | $100 | $299 |
| 1kk | N/A | $175 | $449 |
| 1.5kk | N/A | $250 | $599 |
| 2kk | N/A | $325 | $749 |
| 3kk | N/A | $475 | $1049 |
| 4kk | N/A | $625 | $1349 |
| 5kk | N/A | N/A | $1649 |
All plans come with a 14-day free trial, and with an annual payment option
resulting in 2-months for free (16.67% discount).
Analytics
Select your website’s traffic and user-behavior analytics integration.
Did not find a package you need? Expand missing packages and cast your votes below.
Webmaster and Tracking
Select multiple webmaster tools integrations and other tracking services.
Did not find a package you need? Expand missing packages and cast your votes below.
Cookies Consent
Select how to manage cookies consent in your project.
Integrations
Select multiple a commonly-used external APIs used or integrated into the
project.
Search Engines Optimization
Select multiple technical SEO perks to be configured out of the box.
A Microsoft configuration file used to customise the appearance and
behaviour of website links pinned to the Windows start screen or desktop
taskbar.
Select your new website’s social media accounts to be linked in the
Footer and on the Contact Page.
Social Sharing
Select the way to share website’s Blog, Docs
and News content on social media.
Did not find a package you need? Expand missing packages and cast your votes below.
Affiliation
Select a service to handle an affiliate marketing of your website.
Did not find a package you need? Expand missing packages and cast your votes below.
Feedback
Select a way to ask website visitors for their feedback.
Did not find a package you need? Expand missing packages and cast your votes below.
Version Control
Select your project’s remote git provider. If you do, we’ll generate the
generic git-related files such as .gitignore, as well as provider-specific
configuration.
Continuous Delivery
Select your project’s Continuous Integration and Deployment service.
The CI & CD solution integrated into Github.
Kick off workflows with GitHub events like push, issue creation, or a new
release. Combine and configure actions for the services you use, built and
maintained by the community.
github.com
Pricing:
| Free | Pro | Team | Enterprise |
|---|
| User / month | 0 | $4 | $12 | $21 |
| Minutes | 2k | 3k | 3k | 50k |
| GB | 0.5 | 1 | 2 | 50 |
Jobs that run on Windows and macOS runners that GitHub hosts consume minutes
at 2 and 10 times the rate that jobs on Linux runners consume.
The CI & CD solution integrated with Gitlab by default.
GitLab CI/CD is a tool for software development using the continuous
methodologies.
docs.gitlab.com
Pricing:
| Free | Premium | Ultimate |
|---|
| User / month | $0 | $19 | $99 |
| CI/CD minutes | 0.4k | 10k | 50k |
There’s also an option to purchase 1k CI/CD minutes for $10.
Did not find a package you need? Expand missing packages and cast your votes below.
AWS CI & CD solution.
Build and test code with automatic scaling
aws.amazon.com
100 build minutes free per month, with the AWS Free Tier.
Microsoft Azure CI & CD solution.
Continuously build, test, and deploy to any platform and cloud.
azure.microsoft.com
A part of the Atlassian stack.
Integrated CI/CD for Bitbucket Cloud that’s trivial to set up, automating
your code from test to production.
Bitbucket Pipelines &
Deployments
Pricing:
| Free | Standard | Premium |
|---|
| Monthly | $0 | $3 / user | $6 / user |
| Minutes | 50 | 2500 | 3500 |
| Users | 5 | Unlimited | Unlimited |
Monthly costs are the starting prices and decrease when users amount
increases.
The CI & CD solution that integrates with Bitbucket and Github git remote
repository providers.
The continuous integration platform for the world’s best engineering teams
circleci.com
Pricing:
| Free | Performance | Scale | Self-Hosted |
|---|
| Monthly | 0 | $15 | $2000 | Custom |
| Minutes | 6k | 12k | ? | Unlimited |
It is easy to start for free.
A self hosted CI & CD solution.
The leading open source automation server, Jenkins provides hundreds of
plugins to support building, deploying and automating any project.
jenkins.io
Cost of using Jenkins is free because it is open source.
The CI & CD solution that integrates with Bitbucket, Gitlab, Github and
Assembla git remote repository providers.
The simplest way to test and deploy your projects.
Easily sync your projects with Travis CI and you’ll be testing your code
in minutes.
travis-ci.com
Pricing:
| Builds | Monthly | Yearly |
|---|
| 1 | $69 | $759 |
| 2 | $129 | $1419 |
| 5 | $249 | $2739 |
It comes wiht 30-day free trial and Enterprise custom plans for Cloud and
Self-Hosted deployments.
Feature Flags
Select a provider to modify your system’s behavior without changing the
code, via Feature Flags (or Toggles).
Get Booking.com and Netflix’s Experimentation Culture without the big investment.
Airdeploy is a complete feature flagging solution that Developers and Product Managers use to craft their new Web and Mobile features. Teams use Airdeploy APIs and dashboards to develop, test, optimize, and roll out their newest creations.
AppFlags makes it easy to use feature flags in your application. With just a few lines of code, you can instantly control the visibility of your features with real-time feature flags.
Quickly release your next application by leveraging pre-built modules as a service. Bergx helps you focus on building the features your customers are excited about by providing the “under-the-surface” features for you.
Is a feature flag management solution used by engineering and product teams to mitigate release risk and improve developer productivity and by product management teams for ultimate control and measurement of feature releases.
ConfigCat.com lets you launch new features and change your software configuration remotely without actually (re)deploying code. ConfigCat SDKs enable easy integration with any web, mobile or backend applications.
DevCycle is a Feature Management Platform that helps development teams deploy code more efficiently while reducing release complexity with feature flags that connect directly to your current workflows. Leverage industry-leading functionality, like Edge Flags, so there is never a…
Dynamic Yield’s platform helps enterprise brands quickly deliver and test personalized, optimized, and synchronized digital customer experiences.
FeatBit is a scalable, fast, and 100% open-source feature flags management platform that empowers all teams to deliver, control, experiment with and monetize their software.
Flagship.io is a feature flagging platform for modern engineering and product teams that eliminates the risks of future releases by separating code deployments from these releases. With Flagship.io, we push the concept of feature flags to the next level giving you full control…
Release features to your users in real-time, safely. Make new releases as fast as you develop. Turn off defective features instantly, no more rolling back of deployments.
Flagsmith lets you manage feature flags and remote config across web, mobile
and server side applications. Deliver true Continuous Integration. Get
builds out faster. Control who has access to new features.
Open Source Feature Flagging and A/B Testing.
LaunchDarkly is described as ‘industry-leading feature management platform that enables organisations to reduce risk and launch new ideas faster. By separating code deployments from feature releases, you can safely test in production, get valuable feedback, and release without fear’ and is an website in the network & admin category.
Molasses is a suite of software tools that enables your team to deploy code more frequently. Molasses offers a set of feature flag and A/B testing tools that allows your teams to ship code more often with fewer incidents.
Optimize your conversion rate on websites and mobile apps in minutes by running an AB Test, Split Test or Multivariate Testing with Optimizely!
Prebuilt Infrastructure as a Service. Feature Flags, Distributed Config & Rate Limits.
A simple, accessible, lightweight, self-hosted and OpenSource feature flag software.
SiteSpect is the A/B testing and optimization solution where you can A/B test your ideas, discover insights, and personalize the entire customer journey.
Split’s feature experimentation platform helps businesses to make smarter product decisions by giving teams the ability to perform controlled rollout via feature flags and analyze features in production.
Switchover is a Software As A Service Solution (SaaS) that companies in every industry can use to accelerate their software development processes. Our clearly arranged flag management feature allows you to switch your functions on and off at any time.
Tggl is a feature-flagging / feature-toggle solution that is specialized in release management for cross-functional teams.
Togglee is a set of libraries that enable the use of feature toggles in different development languages with one set of toggle definition. It’s different to other technologies as it does not depend on a service to serve this content but actually relies on in plain files…
Feature management lets you turn new features on/off in production with no need for redeployment. A software development best practice for releasing and validating new features.
UpStamps is a Feature Flag Management Platform to separate code from different environments and projects for Web Developers. Use feature flags to separate code deployments and manage all of your features in one place with easy implementation.
Market-leading MVT, AB Testing; Personalisation platform. On average our clients receive a 26x ROI. Increase your online conversions today
Deployment
Select your project’s hosting provider.
Official Next.js maintainers Cloud hosting platform.
Develop. Preview. Ship.
Vercel is the platform for frontend developers, providing the speed and
reliability innovators need to create at the moment of inspiration.
vercel.com
Did not find a package you need? Expand missing packages and cast your votes below.
One of AWS commercial hosting solutions.
Amazon Elastic Compute Cloud (Amazon EC2) offers the broadest and deepest
compute platform, with over 500 instances and choice of the latest
processor, storage, networking, operating system, and purchase model to
help you best match the needs of your workload.
aws.amazon.com
One of AWS commercial hosting solutions.
You can simply upload your code and Elastic Beanstalk automatically
handles the deployment, from capacity provisioning, load balancing,
auto-scaling to application health monitoring. At the same time, you
retain full control over the AWS resources powering your application and
can access the underlying resources at any time.
aws.amazon.com
A tool to deploy the code using SSH.
A remote server automation and deployment tool written in Ruby.
capistranorb.com
A cloud hosting solution.
Businesses grow faster when developers can build on the simple, affordable
cloud they love. DigitalOcean has the cloud computing services you need,
with predictable pricing, robust documentation, and scalability to support
your growth at any stage.
digitalocean.com
A built-in docker hosting solution.
A swarm consists of multiple Docker hosts which run in swarm mode and act
as managers (to manage membership and delegation) and workers (which run
swarm services). A given Docker host can be a manager, a worker, or
perform both roles. When you create a service, you define its optimal
state (number of replicas, network and storage resources available to it,
ports the service exposes to the outside world, and more). Docker works to
maintain that desired state.
“Swarm mode key concepts”
A managed cloud hosting solution.
Is deploying, running, and managing your app taking away precious
resources? Engine Yard takes the operational overhead out of the equation,
so you can keep innovating.
engineyard.com
A Google’s cloud hosting solution.
It’s easy to get started developing Ruby on Rails apps that run on Google
Cloud. Because the apps you create run on the same infrastructure that
powers all of Google’s products, you can be confident that they can scale
to serve all of your users, whether there are a few or millions of them.
cloud.google.com
A cloud hosting solution.
Developers, teams, and businesses of all sizes use Heroku to deploy,
manage, and scale apps.
Whether you’re building a simple prototype or a business-critical product,
Heroku’s fully-managed platform gives you the simplest path to delivering
apps quickly.
heroku.com
A containers orchiestrator.
It groups containers that make up an application into logical units for
easy management and discovery. Kubernetes builds upon 15 years of
experience of running production workloads at Google, combined with
best-of-breed ideas and practices from the community.
kubernetes.io
A Microsoft’s cloud hosting solution.
Azure App Service on Linux provides a highly scalable, self-patching web
hosting service using the Linux operating system.
microsoft.com
A Red Hat’s cloud hosting solution.
Red Hat® OpenShift® is an enterprise-ready Kubernetes container platform
built for an open hybrid cloud strategy. It provides a consistent
application platform to manage hybrid cloud, multicloud, and edge
deployments.
redhat.com
Environment*
Select the way to define and access system environment variables.
Type Check
Specify if/how do you want to typecheck the code.
Did not find a package you need? Expand missing packages and cast your votes below.
Utilities*
Select your helpers and utilities library.
Did not find a package you need? Expand missing packages and cast your votes below.
Date & Time
Select your date and time helpers and utilities library.
CSS
Select the tool to organize CSS class naming used in the project.
Did not find a package you need? Expand missing packages and cast your votes below.
Configuration
Customize your project configuration options.
Private underscore prefixesPrefix folders under the app/ with _ to make them private.
Did not find a package you need? Expand missing packages and cast your votes below.
Flat Directory StructureUse Component.tsx instead of Component/index.tsx.
Do not nest files under Component/, with the component in
Component/index.(j|t)sx.
It will put Component.tsx next to all its related files, e.g.:
Component.style.module.scss and Component.test.(j|t)sx.
Same goes for pages.
Group files by typeDo not group files by feature, but by their type.
Use grouping files (hooks, components etc) by type in the project root.
The default alternative is grouping by feature, next to where they were
used.
MD instead of MDXUse pure Markdown instead of the default MDX.
Pages routerUse Next.js < v13 Pages Router instead of v13+ App Router.
TurbopackUse the beta Turbopack Rust bundler in place of Webpack.
Use src folderUse an additional level of nesting under the src directory.
Use an additional level of nesting under the src directory, to put
other importable files there and differentiate from src/app.
- No src: app/layout.tsx and app/hooks/use-foo.ts are next to each other.
- With src: src/app/layout.tsx, src/hooks/use-foo.ts.
Same happens with other non-app directories, components.
