Fast, mostly-just-HTML static sites with islands of client-side JS. Click the "Use this template" button ↖️
meta
and tableOfContents
props that weren't being passed to pages when rendered for the JSON Feed 12a44c8962986469f319a1c945d96bec66471ec0Diff: https://github.com/bensmithett/tropical/compare/v11.4.1...v11.4.2
First, configure this repo as a remote for your repo (you only need to do this once)
git remote add template https://github.com/bensmithett/tropical.git
Then fetch & merge the latest changes, resolving any conflicts manually:
git fetch template
git merge template/main
or...
Merging upstream changes should be straightforward for this change but see https://github.com/bensmithett/tropical/compare/v11.4.1...v11.4.2 for changes you can make to your project manually.
As always, open an issue if you're having trouble upgrading and I'll help you through it!
key
in TableOfContents
Diff: https://github.com/bensmithett/tropical/compare/v11.4.0...v11.4.1
First, configure this repo as a remote for your repo (you only need to do this once)
git remote add template https://github.com/bensmithett/tropical.git
Then fetch & merge the latest changes, resolving any conflicts manually:
git fetch template
git merge template/main
or...
Merging upstream changes should be straightforward for this change but see https://github.com/bensmithett/tropical/compare/v11.4.0...v11.4.1 for changes you can make to your project manually.
As always, open an issue if you're having trouble upgrading and I'll help you through it!
entry-server.jsx
to pass extracted tableOfContents
data as props to Layout and Page components<TableOfContents>
component & storiesDiff: #52
First, configure this repo as a remote for your repo (you only need to do this once)
git remote add template https://github.com/bensmithett/tropical.git
Then fetch & merge the latest changes, resolving any conflicts manually:
git fetch template
git merge template/main
or...
Merging upstream changes should be straightforward for this change but see https://github.com/bensmithett/tropical/compare/v11.3.0...v11.4.0 for changes you can make to your project manually.
As always, open an issue if you're having trouble upgrading and I'll help you through it!
Diff: https://github.com/bensmithett/tropical/pull/51/files
First, configure this repo as a remote for your repo (you only need to do this once)
git remote add template https://github.com/bensmithett/tropical.git
Then fetch & merge the latest changes, resolving any conflicts manually:
git fetch template
git merge template/main
or...
Merging upstream changes should be straightforward for this change (unless you've made lots of changes to Vite config or TropicalCodeBlock
) but see https://github.com/bensmithett/tropical/compare/v11.2.0...2f0b51aadc056459ac5a8e939d83b9a92d6b32d7 for changes you can make to your project manually.
As always, open an issue if you're having trouble upgrading and I'll help you through it!
Diff: https://github.com/bensmithett/tropical/compare/v11.1.0...a031636
<Image>
and <Picture>
components that work with those preset importsSee the new Images docs for usage details.
First, configure this repo as a remote for your repo (you only need to do this once)
git remote add template https://github.com/bensmithett/tropical.git
Then fetch & merge the latest changes, resolving any conflicts manually:
git fetch template
git merge template/main
or...
Merging upstream changes should be straightforward for this change (unless you've made lots of changes to Vite config or TropicalCodeBlock
) but see https://github.com/bensmithett/tropical/compare/v11.1.0...a031636 for changes you can make to your project manually.
As always, open an issue if you're having trouble upgrading and I'll help you through it!
See https://github.com/bensmithett/tropical/compare/v11.0.0...c42f0be892d4bf0f0592facb643068a3da97723b
yarn
TropicalPhotoButton
to ExampleComponent
First, configure this repo as a remote for your repo (you only need to do this once)
git remote add template https://github.com/bensmithett/tropical.git
Then fetch & merge the latest changes, resolving any conflicts manually:
git fetch template
git merge template/main
or...
Merging upstream changes should be straightforward for this change (unless you've made lots of changes to Vite config or TropicalCodeBlock
) but see https://github.com/bensmithett/tropical/compare/v11.0.0...c42f0be892d4bf0f0592facb643068a3da97723b for changes you can make to your project manually.
As always, open an issue if you're having trouble upgrading and I'll help you through it!
See #48
components/TropicalCodeBlock
to components/tropical/CodeBlock
<Picture>
). I figured I should put these in a special folder instead of mixing them in with your components.First, configure this repo as a remote for your repo (you only need to do this once)
git remote add template https://github.com/bensmithett/tropical.git
Then fetch & merge the latest changes, resolving any conflicts manually:
git fetch template
git merge template/master
or...
Merging upstream changes should be straightforward for this change (unless you've made lots of changes to Vite config or TropicalCodeBlock
) but see https://github.com/bensmithett/tropical/pull/48/files for changes you can make manually:
package.json
dependencies and scripts as per https://github.com/bensmithett/tropical/pull/48/files#diff-7ae45ad102eab3b6d7e7896acd08c427a9b25b346470d7bc6507b6481575d519
.ladle/components.jsx
https://github.com/bensmithett/tropical/pull/48/files#diff-67c18fdc9866dc95181e2a2c0dde801941f0c869f5c108e553e43146daab1a40
.storybook
folderserver.js
so it works with Vite 3 https://github.com/bensmithett/tropical/pull/48/files#diff-a4c65ede64197e1a112899a68bf994485b889c4b143198bac4af53425b38406f
components/TropicalCodeBlock
to components/tropical/CodeBlock
entry-server.jsx
vite.config.js
- contains shared config used for both the server and client builds (and is picked up by Ladle)vite.config.server.js
vite.config.client.js
As always, open an issue if you're having trouble upgrading and I'll help you through it!
See #45
First, configure this repo as a remote for your repo (you only need to do this once)
git remote add template https://github.com/bensmithett/tropical.git
Then fetch & merge the latest changes, resolving any conflicts manually:
git fetch template
git merge template/master
or...
Merging upstream changes should be easy for this change (unless you've made lots of changes to TropicalCodeBlock
) but see https://github.com/bensmithett/tropical/pull/45/files for changes you can make manually:
yarn remove prism-react-renderer && yarn add react-syntax-highlighter
TropicalCodeBlock
and entry-server.jsx
as per #45"framework": "@storybook/react"
to your .storybook/main.cjs
providerImportSource: '@mdx-js/react'
to both vite config filesSee #44
10.0.0 switched from a 2-step prerender (build the server bundle, then import & use it) to one step (import the Renderer
directly into the prerenderer with vite.ssrLoadModule
)
However as raised in #42, that meant some assets were being referenced by their original name rather than the cacheable hashed name.
This change switches back to the 2-step prerender, while keeping 10.0.0's switch to ES Modules at the project level.
First, configure this repo as a remote for your repo (you only need to do this once)
git remote add template https://github.com/bensmithett/tropical.git
Then fetch & merge the latest changes, resolving any conflicts manually:
git fetch template
git merge template/master
or...
Merging upstream changes should be easy for this change, but see https://github.com/bensmithett/tropical/pull/44/files for changes you can make manually:
build
and build:server
scripts in package.json
prerender.js
, switch vite.ssrLoadModule
for import
and remove references to vite
vite.config.server.js
Major Fela update but shouldn't require any changes to your app code. See https://github.com/robinweser/fela/releases/tag/v12.0.1 and https://weser.io/blog/introducing-fela-12
First, configure this repo as a remote for your repo (you only need to do this once)
git remote add template https://github.com/bensmithett/tropical.git
Then fetch & merge the latest changes, resolving any conflicts manually:
git fetch template
git merge template/master
or...
See https://github.com/bensmithett/tropical/pull/43/files, you'll need to:
yarn upgrade-interactive
and upgrade the outdated dependencies but be careful to exclude
@mdx-js/mdx
@mdx-js/react
react
react-dom
React 18 has just been released but some Storybook dependencies need to catch up before we upgrade that.
The upgrade to MDX 2 appears to be blocked at the moment while Storybook is still dependent on MDX 1, see https://github.com/storybookjs/builder-vite/issues/234 and https://github.com/brillout/vite-plugin-mdx/issues/47