npx advanzzze é um comando simples e útil para iniciar projetos utilizando a versão mais recente do Next.js, com alguns pacotes de utilidades pré-instalados e configurados.

• Criar projetos Next.js mais recente
  • Suporte Javascript
  • Suporte Typescript
• Suporte para criação de aplicativos desktop com Tauri e Next.js
• Suporte para criação de aplicativos mobile

• Plugin do Prettier de ordenação de classes para o Tailwind CSS
• Adicionar a função cn para melhor aplicação de classes condicionais
  • Guia para utilização do comando.

1. Crie a pasta do seu projeto.

2. Entre na pasta do projeto e use npx advanzzze.

3. Escolha seu tipo de projeto e preferências.

4. Siga qualquer instrução adicional.

5. Comece a programar.

• Gerais

  • React
  • Next.js
  • Tailwind CSS

• Desktop

  • Tauri

cn é uma função personalizada que utiliza clsx e tailwind-merge para, respectivamente, criar classes condicionalmente e juntá-las sem conflitos com o Tailwind CSS.

cn('classes padrão', {
	'classes Condicinais': CondicaoUm,
	'classes Condicinais': CondicaoDois,
});

import cn from '@/utils/cn';

export default function Card({ bgColor, children }) {
	const isBlue = bgColor === 'blue';
	const isRed = bgColor === 'red';
	const isGreen = bgColor === 'green';

	return (
		<div
			className={cn('p-2 w-52 h-24 border border-black', {
				'bg-blue-500': isBlue,
				'bg-red-500': isRed,
				'bg-green-500': isGreen,
			})}>
			{children}
		</div>
	);
}

• Adicionar mais funções utilitárias.

• Adicionar menu para escolha dos utilitários.

• Adicionar suporte para criação de aplicativos mobile.

• @imLymei
• @kevynlopes

MIT