miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 6 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 { export function LaunchWeekAnnouncements(): JSX.Element {
return ( return (
<div className="border-t border-slate-200 dark:border-slate-700"> <div className="border-y 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"> <section className="w-full divide-y divide-slate-200 dark:divide-slate-700">
<div className="mx-auto max-w-screen-lg xl:max-w-screen-xl"> <article 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">
<div className="px-5 py-12 md:pr-12"> <p>
<p> We’ll be sharing new features and content daily during launch
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
week, so be sure to keep an eye on this space for all the latest info!
info! </p>
</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> </div>
</article> </article>
</div> </div>