Skip to content

Commit

Permalink
docs(guides/remix): update Remix guide
Browse files Browse the repository at this point in the history
  • Loading branch information
MichaelDeBoey authored Apr 3, 2023
1 parent 46d6cf5 commit 38f2474
Showing 1 changed file with 12 additions and 14 deletions.
26 changes: 12 additions & 14 deletions src/pages/docs/guides/remix.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ let steps = [
body: () => (
<p>
Start by creating a new Remix project if you don’t have one set up already. The most common
approach is to use <a href="https://remix.run/docs/en/v1">Create Remix</a>.
approach is to use <a href="https://remix.run/docs">Create Remix</a>.
</p>
),
code: {
Expand All @@ -21,18 +21,15 @@ let steps = [
title: 'Enable built-in Tailwind CSS support in Remix',
body: () => (
<p>
Set the <code>unstable_tailwind</code> feature flag in your <code>remix.config.js</code>{' '}
file. Eventually this will become stable and won't be necessary.
Set the <code>tailwind</code> flag in your <code>remix.config.js</code> file.
</p>
),
code: {
name: 'remix.config.js',
lang: 'js',
code: ` /** @type {import('@remix-run/dev').AppConfig} */
module.exports = {
> future: {
> unstable_tailwind: true,
> },
> tailwind: true,
}`,
},
},
Expand All @@ -41,13 +38,13 @@ let steps = [
body: () => (
<p>
Install <code>tailwindcss</code> via npm, and then run the init command to generate a{' '}
<code>tailwind.config.js</code> file.
<code>tailwind.config.ts</code> file.
</p>
),
code: {
name: 'Terminal',
lang: 'terminal',
code: 'npm install -D tailwindcss\nnpx tailwindcss init',
code: 'npm install -D tailwindcss\nnpx tailwindcss init --ts',
},
},
{
Expand All @@ -58,16 +55,17 @@ let steps = [
</p>
),
code: {
name: 'tailwind.config.js',
lang: 'js',
code: ` /** @type {import('tailwindcss').Config} */
module.exports = {
> content: ["./app/**/*.{js,jsx,ts,tsx}"],
name: 'tailwind.config.ts',
lang: 'ts',
code: ` import type { Config } from 'tailwindcss'
export default {
> content: [''./app/**/*.{js,jsx,ts,tsx}''],
theme: {
extend: {},
},
plugins: [],
}`,
} satisfies Config`,
},
},
{
Expand Down

0 comments on commit 38f2474

Please sign in to comment.