加快首页渲染速度

idea2app OWS

React project scaffold based on TypeScript, Next.js, Bootstrap & Workbox. And this project bootstrapped with create-next-app.

Technology stack

Language: TypeScript v5 + MDX v3
Component engine: Next.js v14
Component suite: Bootstrap v5
PWA framework: Workbox v6
State management: MobX v6
CI / CD: GitHub Actions + Vercel
Monitor service: Sentry

Best practice

Install GitHub apps in your organization or account:
1. Probot settings: set up Issue labels & Pull Request rules
2. PR badge: set up Online VS Code editor entries in Pull Request description
Click the Use this template button on the top of this GitHub repository's home page, then create your own repository in the app-installed namespace above
Click the Open in GitHub codespaces button on the top of ReadMe file, then an online VS Code development environment will be started immediately
Set Vercel variables as Repository secrets, then every commit will get an independent Preview URL
Recommend to add a Notification step in GitHub actions for your Team IM app
Remind the PMs & users of your product to submit Feature/Enhancement requests or Bug reports with Issue forms instead of IM messages or Mobile Phone calls
Collect all these issues into Project kanbans, then create Pull requests & add closes #issue_number into its description for automation

Getting Started

First, run the development server:

npm i pnpm -g
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deployment

Environment variables

name	file	description
`SENTRY_AUTH_TOKEN`	`.env.local`	Official document
`SENTRY_ORG`	`.env`	Official document
`SENTRY_PROJECT`	`.env`	Official document
`NEXT_PUBLIC_SENTRY_DSN`	`.env`	Official document

Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Docker

pnpm pack-image
pnpm container

	<Section
	id="members"
	title="核心成员"
	summary="小而美、自下而上生长的学习型团队"
	>
	<ul className="list-unstyled row mt-5">
	{members.map(({ name, GitHub, position, summary }) => (
	<MediaObject
	key={name}
	className="col-12 col-md-6 mb-3"
	listItem
	image={`https://github.com/${GitHub}.png`}
	title={name}
	>
	<h4 className="text-muted">{position}</h4>
	<p className="text-muted">{summary}</p>
	</MediaObject>
	))}
	</ul>
	</Section>

	<section>
	<h2 className="my-5 text-center">{t('open_source_project')}</h2>

	<GitListLayout defaultData={repositories} />

	<footer className="text-center mt-5">
	<Button variant="outline-primary" size="sm" href="/open-source">
	{t('load_more')}
	</Button>
	</footer>
	</section>

idea2app / idea2app.github.io Goto Github PK

idea2app.github.io's Introduction

idea2app OWS

Technology stack

Best practice

Getting Started

Learn More

Deployment

Environment variables

Vercel

Docker

idea2app.github.io's People

Contributors

Stargazers

Watchers

Forkers

idea2app.github.io's Issues

后端接口

数据源

模型参考

前端界面

设计参考

代码参考

静态结构

滚动列表

主要内容

我们是怎样的团队

我们欢迎怎样的人

JavaScript 工程师

Python 工程师

可选资料

多色标签

必填字段

首页摘要

联系方式

说明

待优化

Recommend Projects

Recommend Topics

Recommend Org

Jobs