Hi guys.
I have been following frontity for a few months already. I am not a developer, but I am so enthusiasted with this project.
Anyway, is there any way to use the theme used on frontity.org homepage?
Kind regards
1 Like
In this post Mario also walks you through the steps we followed to build our website frontity.org with Gutenberg and Frontity, in case it’s useful. 
1 Like
Hi Juanma,
Thank you for your reply.
I tried to install the frontity org theme on my localhost the other day, but it said:
The package "@frontity/frontity-org-theme" doesn't seem to be installed. Make sure you did "npm install @frontity/frontity-org-theme"
It didn’t work, though.
But I just recently retried it, and the installation seems finished, although when my browser tried to open the localhost:3000, it said
Internal Server Error
Here was the command I typed on my terminal:
cd frontity.org-dev && npx frontity dev
And here is the response from my terminal:
SERVER STARTED -- Listening @ http://localhost:3000
- mode: development
- target: module
- public-path: /static/
webpack built client df30bebfba6a028284e8 in 7839ms
ℹ ｢wdm｣: Hash: df30bebfba6a028284e835a772bac152e69ad773
Version: webpack 4.46.0
Child client:
Hash: df30bebfba6a028284e8
Time: 7839ms
Built at: 04/20/2021 4:07:59 PM
Asset Size Chunks Chunk Names
../bundling/chunks.module.json 10.5 KiB [emitted]
archive.module.js 24 KiB archive [emitted] archive
archive~post-list.module.js 119 KiB archive~post-list [emitted] archive~post-list
blog-frontity.module.js 7 MiB blog-frontity [emitted] [big] blog-frontity
code.module.js 158 KiB code [emitted] code
fonts/IBMPlexSans-Regular.woff2 17.4 KiB [emitted]
fonts/IBMPlexSans-SemiBold.woff2 18.5 KiB [emitted]
fonts/Inter-Bold-LATIN.woff2 32.9 KiB [emitted]
fonts/Inter-Bold-US-ASCII.woff2 21.7 KiB [emitted]
fonts/Inter-Bold.woff2 136 KiB [emitted]
fonts/Inter-Medium-LATIN.woff2 32.5 KiB [emitted]
fonts/Inter-Medium-US-ASCII.woff2 21.3 KiB [emitted]
fonts/Inter-Medium.woff2 134 KiB [emitted]
fonts/Inter-SemiBold-LATIN.woff2 32.7 KiB [emitted]
fonts/Inter-SemiBold-US-ASCII.woff2 21.5 KiB [emitted]
fonts/Inter-SemiBold.woff2 135 KiB [emitted]
frontity-org.module.js 7.92 MiB frontity-org [emitted] [big] frontity-org
post-list.module.js 38.1 KiB post-list [emitted] post-list
vendors~archive~post-list.module.js 129 KiB vendors~archive~post-list [emitted] vendors~archive~post-list
Entrypoint frontity-org [big] = frontity-org.module.js
Entrypoint blog-frontity [big] = blog-frontity.module.js
[0] multi webpack-hot-middleware/client ./build/bundling/entry-points/frontity-org/client.ts 40 bytes {frontity-org} [built]
[1] multi webpack-hot-middleware/client ./build/bundling/entry-points/blog-frontity/client.ts 40 bytes {blog-frontity} [built]
[./build/bundling/entry-points/blog-frontity/client.ts] 1.87 KiB {blog-frontity} [built]
[./build/bundling/entry-points/frontity-org/client.ts] 2.13 KiB {frontity-org} [built]
[./node_modules/@frontity/core/src/client/index.tsx] 1.92 KiB {frontity-org} {blog-frontity} [built]
[./node_modules/@frontity/google-tag-manager-analytics/src/index.ts] 1.82 KiB {frontity-org} {blog-frontity} [built]
[./node_modules/@frontity/html2react/src/index.ts] 214 bytes {frontity-org} {blog-frontity} [built]
[./node_modules/@frontity/tiny-router/src/index.ts] 241 bytes {frontity-org} {blog-frontity} [built]
[./node_modules/@frontity/wp-source/src/index.ts] 1.45 KiB {frontity-org} {blog-frontity} [built]
[./node_modules/@frontity/yoast/src/index.ts] 249 bytes {frontity-org} {blog-frontity} [built]
[./node_modules/webpack-hot-middleware/client-overlay.js] (webpack)-hot-middleware/client-overlay.js 2.17 KiB {frontity-org} {blog-frontity} [built]
[./node_modules/webpack-hot-middleware/client.js] (webpack)-hot-middleware/client.js 7.68 KiB {frontity-org} {blog-frontity} [built]
[./node_modules/webpack-hot-middleware/node_modules/strip-ansi/index.js] (webpack)-hot-middleware/node_modules/strip-ansi/index.js 161 bytes {frontity-org} {blog-frontity} [built]
[./node_modules/webpack-hot-middleware/process-update.js] (webpack)-hot-middleware/process-update.js 4.35 KiB {frontity-org} {blog-frontity} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {frontity-org} {blog-frontity} [built]
+ 490 hidden modules
Child server:
Hash: 35a772bac152e69ad773
Time: 10742ms
Built at: 04/20/2021 4:08:02 PM
Asset Size Chunks Chunk Names
server.js 11.3 MiB main [emitted] [big] main
Entrypoint main [big] = server.js
[./build/bundling/entry-points/server.ts] 1010 bytes {main} [built]
[./node_modules/@frontity/analytics/src/index.ts] 660 bytes {main} [built]
[./node_modules/@frontity/core/src/server/index.ts] 2.33 KiB {main} [built]
[./node_modules/@frontity/core/src/server/middlewares/scripts-stats.ts] 593 bytes {main} [built]
[./node_modules/@frontity/core/src/server/middlewares/server-side-rendering.ts] 4.78 KiB {main} [built]
[./node_modules/@frontity/core/src/server/middlewares/settings-and-store.ts] 1.66 KiB {main} [built]
[./node_modules/@frontity/google-tag-manager-analytics/src/components/index.tsx] 5.38 KiB {main} [built]
[./node_modules/@frontity/google-tag-manager-analytics/src/index.ts] 1.82 KiB {main} [built]
[./node_modules/@frontity/html2react/src/index.ts] 214 bytes {main} [built]
[./node_modules/@frontity/tiny-router/src/index.ts] 241 bytes {main} [built]
[./node_modules/@frontity/wp-source/src/index.ts] 1.45 KiB {main} [built]
[./node_modules/@frontity/yoast/src/index.ts] 249 bytes {main} [built]
[./packages/frontity-contact-form-7/src/index.js] 3.15 KiB {main} [built]
[./packages/frontity-org-theme/src/index.ts] 2.59 KiB {main} [built]
[./packages/twentytwenty-theme/src/index.js] 1.95 KiB {main} [built]
+ 675 hidden modules
ℹ ｢wdm｣: Compiled successfully.
The pseudo class ":first-child" is potentially unsafe when doing server-side rendering. Try changing it to ":first-of-type".
The pseudo class ":first-child" is potentially unsafe when doing server-side rendering. Try changing it to ":first-of-type".
The pseudo class ":first-child" is potentially unsafe when doing server-side rendering. Try changing it to ":first-of-type".
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.
at resolveDispatcher (webpack-internal:///./packages/frontity-org-theme/node_modules/react/cjs/react.development.js:324:911)
at Object.useState (webpack-internal:///./packages/frontity-org-theme/node_modules/react/cjs/react.development.js:327:485)
at eval (webpack-internal:///./packages/frontity-org-theme/src/components/headers/index.tsx:15:78)
at runAsReaction (webpack-internal:///./node_modules/@frontity/connect/src/reactionRunner.js:16:45)
at reaction (webpack-internal:///./node_modules/@frontity/connect/src/observer.js:9:131)
at eval (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:23:16)
at processChild (webpack-internal:///./node_modules/react-dom/cjs/react-dom-server.node.development.js:443:2321)
at resolve (webpack-internal:///./node_modules/react-dom/cjs/react-dom-server.node.development.js:442:122)
at ReactDOMServerRenderer.render (webpack-internal:///./node_modules/react-dom/cjs/react-dom-server.node.development.js:484:1233)
at ReactDOMServerRenderer.read (webpack-internal:///./node_modules/react-dom/cjs/react-dom-server.node.development.js:484:55)
I am not sure what went wrong.
Hi Reyes, thank you for your reply. Much appreciated 