Search for a command to run...
Articles tagged with #reactjs
A quick post documenting a simple CopyToClipboard component I created this week. It allows users to create a git branch slug when working on a story. Click the Clipboard Icon button and the user gets a git branch command copied to their clipboard, s...
Heroicons are a great resource, this is how to use them in your React app. Choose an Icon any Icon First lets grab an icon from the Heroicons website. Simply search for an icon and click the "Copy JSX" button. This will copy the icon to your clipboa...
You'll sometimes want CMS users to have more control over the text content so they can style it any way they like. To allow this Netlify CMS has the markdown widget but you'll then need to render that content in JSX. Let's change the Hero title to ma...
We can now edit data using Netlify CMS, while its functional I'm sure you'll agree its not exactly pretty! Lets add some Tailwind CSS to show a Navbar and a Hero section with a custom preview so it looks as if we're editing the actual page when we'r...
We're finally ready to deploy our site to Netlify! Netlify.toml Make a file at the top level of your directory called netlify.toml, and fill it with: [build] command = "npm run build && npm run export" publish = "out" The command here is referrin...
The default method of integrating Netlify CMS with Next.js is not super flexible so lets use an alternative method... We want custom previews so lets use netlify-cms-app. NOTE: If you're not interested in custom previews take a look at the standard N...