neondatabase/website

最近记录的来源活动: 2026年10月30日 23:49

SkillsMP 收录数据更新: 2026年11月9日 14:22

已收集 skills: 7

GitHub 星标: 333
GitHub Forks: 334

用 AI 助手安装

复制这段 Prompt，发给你正在使用的 AI 助手。

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/neondatabase/website.

仓库 README

仓库 README 来源：README.md

查看 README 源文件

展开完整 README

# Neon Next.js ## Table of Contents - [Getting Started](#getting-started) - [Usage](#usage) - [Learn more](#learn-more) - [Build the website](#deploy-on-vercel) - [Project Structure](#project-structure) - [Code Style](#code-style) - [ESLint](#eslint) - [Prettier](#prettier) - [VS Code](#vs-code) - [Docs](#docs) ## Getting Started 1. Clone this repository ```bash git clone git@github.com:neondatabase/website.git ``` 2. Install dependencies ```bash npm install ``` 3. Fill environment variables ```bash cp .env.example .env ``` 4. Check for environment variables You can find this information on the following internal Neon Notion page: [How to build the Neon website locally](https://www.notion.so/neondatabase/How-to-build-the-Neon-website-locally-b5fc26e020d14b6eb90fdd6f41e29db4#03975baa5bdb436bbd67553da064b541). ## Usage ### Run the website ```bash npm run dev ``` Open <http://localhost:3000> with your browser to see the result. You can start editing the page by modifying `src/app/page.jsx`. The page auto-updates as you edit the file. ### Build the website ```bash npm run build ``` ### Run the built website ```bash npm run start ``` ### Checks broken links ```bash npm run check:broken-links -- https://neon.com ``` _The command may take time, be patient. You can also specify which part of the website you want to check by passing a specific URL, for example `https://neon.com/docs` for checking the Docs_ > N.B. The automatic check is done every Monday at midnight by GitHub CI. You can find the reports on the "Actions" tab ### 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/import?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. ## Project Structure ```text ├── content — Documentation sources in `mdbook` format, see [Documentation](#docs) section ├── public ├── src │ ├── app │ ├── components │ │ ├── pages — React components that are being used specifically on a certain page │ │ └── shared — React components that are being used across the whole website │ ├── hooks │ ├── icons │ ├── images │ ├── lib │ ├── scripts │ ├── styles │ ├── utils ├── next.config.js — Main configuration file for a Next.js site. Read more about it [here](https://nextjs.org/docs/api-reference/next.config.js/introduction) ├── postcss.config.js — Main configuration file of PostCSS. [Read more about it here](https://tailwindcss.com/docs/configuration#generating-a-post-css-configuration-file) └── tailwind.config.js — Main configuration file for Tailwind CSS [Read more about it here](https://tailwindcss.com/docs/configuration) ``` ## Component Folder Structure ### Each component includes 1. Main JavaScript file 2. Index file ### Each component optionally may include 1. Folder with images and icons 2. Folder with data Also, each component may include another component that follows all above listed rules. ### Example structure ```bash component ├── nested-component │ ├── data │ │ └── nested-component-lottie-data.json │ ├── images │ │ ├── nested-component-image.jpg │ │ ├── nested-component-inline-svg.inline.svg │ │ └── nested-component-url-svg.url.svg │ ├── nested-component.js │ └── index.js ├── data │ └── component-lottie-data.json ├── images │ ├── component-image.jpg │ ├── component-inline-svg.inline.svg │ └── component-url-svg.url.svg ├── component.js └── index.js ``` ## Code Style ### ESLint [ESLint](https://eslint.org/) helps find and fix code style issues and force developers to follow same rules. Current configuration is based on [Airbnb style guide](https://github.com/airbnb/javascript). Additional commands: ```bash npm run lint ``` Run it to check the current status of eslint issues across project. ```bash npm run lint:fix ``` Run it to fix all possible issues. ### Prettier [Prettier](https://prettier.io/) helps to format code based on defined rules. [Difference between Prettier and ESLint](https://prettier.io/docs/en/comparison.html). Additional commands: ```bash npm run format ``` Run it to format all files across the project. ### VS Code Following extensions required to simplify the process of keeping the same code style across the project: - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) After installation enable "ESLint on save" by adding to your VS Code settings.json the following line: ```json "editor.codeActionsOnSave": { "source.fixAll.eslint": true } ``` You can navigate to settings.json by using Command Pallete (CMD+Shift+P) and then type "Open settings.json". To enable Prettier go to Preferences -> Settings -> type "Format". Then check that you have esbenp.prettier-vscode as default formatter, and also enable "Format On Save". Reload VS Code and auto-format will work for you. ## Docs Documentation for docs is described in [content/docs/README.md](./content/docs/README.md)

正在加载仓库 README…

这个仓库中的 skills

软件开发工程师项目管理专家

2 个职业分类 · 已分类 29%

skill

职业分类

描述

更新

neon-functions

未分类

Long-running, serverless Node.js HTTP functions deployed onto your Neon branch, with DATABASE_URL injected automatically and compute that runs next to your data. Use when a user wants to host an API, an AI agent with long streaming responses, a WebSocket or…

原文语言：英语

2026-10-30

neon-postgres-egress-optimizer

未分类

Diagnose and fix excessive Postgres egress (network data transfer) in a codebase. Use when a user mentions high database bills, unexpected data transfer costs, network transfer charges, egress spikes, "why is my Neon bill so high", "database costs jumped",…

原文语言：英语

2026-10-30

neon-postgres

未分类

Guides and best practices for working with Lakebase Postgres on Neon: connections, pooled vs direct, schema migrations, branching, autoscaling, scale-to-zero, instant restore, read replicas, IP allow lists, logical replication, and Lakebase Search. Use when…

原文语言：英语

2026-10-30

neon

未分类

Overview of Neon, a complete set of cloud backend primitives around Lakebase Postgres: Auth, Object Storage, Functions, the AI Gateway, and Realtime. Start here to choose Neon for undecided login, files, APIs, and LLM calls, set up the CLI or MCP server, and…

原文语言：英语

2026-10-30

neon-postgres-branches

未分类

Choose and create the right Neon branch type for testing and development. Use when users ask about Neon branching, migration testing with real data, isolated test environments, schema-only branch workflows for sensitive data, resetting a branch from its…

原文语言：英语

2026-09-26

manage-case-studies

项目管理专家

Safely add, edit, reorder, promote, or remove case studies on the Neon website. Use whenever a request changes a case-study company, including short requests that name only the company and ask to update its logo or link, change its category or order, replace…

原文语言：英语

2026-09-14

neon-postgres-agent-platforms

软件开发工程师

Build and operate multi-tenant AI agent platforms on Neon. Use this skill whenever the user is designing an agent/app builder, provisioning a Neon project or database per user/app/agent run, managing thousands of tenant projects, separating sponsored free…

原文语言：英语

2026-08-25

已展示 7 / 7 个已收集 Skill。