miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

docs(nx-dev): add launch nx announcements template (#21557)

Browse Source 
Co-authored-by: Juri <juri.strumpflohner@gmail.com>
This commit is contained in:
Philip Fulcher 2024-02-05 08:41:04 -07:00 committed by GitHub
parent a02af1615a
commit a6ddf08201
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 70 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
nx-dev/nx-dev/public/images/launch-nx/proj-crystal-launch.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

80
nx-dev/ui-conference/src/lib/launch-week/announcements.tsx
View File

@ -1,15 +1,75 @@
import { ButtonLink, SectionHeading } from '@nx/nx-dev/ui-common';
export function LaunchWeekAnnouncements(): JSX.Element {
return (
<div className="border-t border-slate-200 dark:border-slate-700">
<section className="w-full divide-y divide-slate-200 border-t border-b border-slate-200 dark:divide-slate-700 dark:border-slate-700">
<div className="mx-auto max-w-screen-lg xl:max-w-screen-xl">
<article className="md:divide-x md:divide-slate-200 md:dark:divide-slate-700">
<div className="px-5 py-12 md:pr-12">
<p>
We’ll be sharing new features and content daily during launch
week, so be sure to keep an eye on this space for all the latest
info!
</p>
<div className="border-y border-slate-200 dark:border-slate-700">
<section className="w-full divide-y divide-slate-200 dark:divide-slate-700">
<article className="mx-auto max-w-screen-lg xl:max-w-screen-xl">
<div className="px-5 py-12 md:pr-12">
<p>
We’ll be sharing new features and content daily during launch
week, so be sure to keep an eye on this space for all the latest
info!
</p>
</div>
</article>
{/* MONDAY */}
<div>
<article className="relative overflow-hidden pt-4 mx-auto max-w-screen-lg xl:max-w-screen-xl">
<div className="px-5 pt-12 sm:grid sm:grid-cols-2 sm:gap-8 lg:py-16">
<div>
<header>
<SectionHeading as="h2" variant="title" id="monday">
Monday
</SectionHeading>
<SectionHeading as="p" variant="display" className="mt-4">
Announcing Project Crystal
</SectionHeading>
</header>
<div className="mt-8 flex gap-16 font-normal">
<p className="max-w-xl text-lg text-slate-700 dark:text-slate-400">
When working on the next iteration of Nx, one idea
consistently emerged: Nx Plugins are powerful and have
proven to help large enterprises adopt monorepos,
successfully maintaining and scaling them. However, there's
definitely a barrier to entry. So, what if Nx Plugins
functioned more like VSCode extensions? You simply add them,
and they instantly enhance the experience of working with a
given tool or technology.
<br />
This is what Nx Project Crystal is all about.
</p>
</div>
<div className="action mt-6 flex space-x-2">
<ButtonLink
variant="primary"
size="default"
href="https://blog.nrwl.io/what-if-nx-plugins-were-more-like-vscode-extensions-dcdad140ae09?source=friends_link&sk=ade76fe8d50d44aafb4d4d89ab882e24"
title="Unveiling Project Crystal"
>
Read the blog post
</ButtonLink>
<ButtonLink
variant="primary"
size="default"
href="https://youtu.be/wADNsVItnsM"
title="Nx - Project Crystal - Youtube Video"
>
Watch the video
</ButtonLink>
</div>
</div>
<div
aria-hidden="true"
className="relative flex flex-col items-center"
>
<img
className="rounded-lg"
src="/images/launch-nx/proj-crystal-launch.jpg"
alt="Nx Project Crystal"
/>
</div>
</div>
</article>
</div>