Screenshot of the GitHub Next website header. There’s a black Octocat logo with a star orbiting it. There’s a headline and a paragraph of text introducing GitHub Next. Below is a horizontal site navigation bar with links to different homepage sections.
技术
Tailwind CSS、Next.js、React
日期
访问网站

GitHub Next

探索 GitHub 软件开发的未来。

GitHub Next 是 GitHub 探索和研究软件开发未来方向的地方。除了研究项目,GitHub Next 还举办与外部专家和意见领袖的对话。GitHub Next 网站基于 Next.js 构建,并使用 Tailwind CSS 作为其 CSS 框架。

Screenshot of the team section of the GitHub Next homepage with a 4-column grid of team profiles. Each profile contains a round headshot, a name, a title, and a link to their GitHub profile.
团队部分包含圆形头像和指向每个团队成员 GitHub 个人资料的链接。网站菜单在滚动时始终固定在页面顶部。
Screenshot of the Events section of the GitHub Next homepage with a 3-column grid of white cards on a dark background. Each card contains an event title, a date, and the avatars of the team members involved.
活动部分以 3 列网格形式展示 GitHub Next 团队过去参与的活动。
Screenshot of the ‘Speakers Series 2020’ section of the GitHub Next website, with a 3-column grid showing profile images of past speakers with their name, company name, and the date they spoke listed below.
演讲者部分以 3 列网格形式展示作为 GitHub Next 部分参与演讲的外部演讲者。
Screenshot of the Projects section of the GitHub Next homepage on a mobile device showing two cards, each containing information about a project.
Screenshot of a project page on the GitHub Next website on a mobile device with a headline, introductory paragraph, and some metadata and sharing options below.
Screenshot of the Team section on the GitHub Next homepage on a mobile device showing two team profiles with a round headshot, name, title, and link to their GitHub profile below.
GitHub Next 网站在移动设备上的体验。
Screenshot of a talk page on the GitHub Next website with the speaker’s name as the headline and their title and company as the subheadline. The second headline contains the talk’s title, and there is a YouTube video of the talk below.
每个外部演讲者发表的演讲都有自己的页面。页面包含演讲的 YouTube 视频和下面的书面文章。
Screenshot of a project page on the GitHub Next website with the project name as a large headline and a description as the subheadline below it. Below the headline is metadata about the project, such as who has been working on it.
每个项目都有一个详细页面,描述研究和项目工作。
Screenshot of an expandable table of contents overlay on a project page. The project’s name is listed to the left, and the table of contents is on the right. There’s a button with an ‘x’ to close the table of contents overlay.
每个项目页面都有自己的可展开目录,类似于传统的汉堡菜单。