Discuss Scratch
- Discussion Forums
- » Advanced Topics
- » [v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
MyScratchPage React has now been launched as a stable release. here
The React variation will replace the vanilla one, and the vanilla one will no longer be online.
The React variation will replace the vanilla one, and the vanilla one will no longer be online.
- kccuber
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
MyScratchPage React has now been launched as a stable release. hereI can't seem to access it, it just leads me to an empty page.
The React variation will replace the vanilla one, and the vanilla one will no longer be online.
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
That's because of a critical mistake in the software I didn't change the homepage value in the package.json I'm uploading a few bug fixes right now actually.MyScratchPage React has now been launched as a stable release. hereI can't seem to access it, it just leads me to an empty page.
The React variation will replace the vanilla one, and the vanilla one will no longer be online.
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
- kccuber
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
Why did you put signature in a p tag
use a div tag
use a div tag
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
- Maximouse
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
P is not the right element semantically because a signature can contain multiple paragraphs. Those can even be <p>s which will result in invalid HTML. switching tags made no difference. The CSS on the div might be affecting the signature? I don't know. The HTML of the signature retrieved from ScratchDB is then directly put into the div.
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
So what's the solution to the bug?P is not the right element semantically because a signature can contain multiple paragraphs. Those can even be <p>s which will result in invalid HTML. switching tags made no difference. The CSS on the div might be affecting the signature? I don't know. The HTML of the signature retrieved from ScratchDB is then directly put into the div.
- NFlex23
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
(#171)Use a div, like kccuber said.So what's the solution to the bug?P is not the right element semantically because a signature can contain multiple paragraphs. Those can even be <p>s which will result in invalid HTML. switching tags made no difference. The CSS on the div might be affecting the signature? I don't know. The HTML of the signature retrieved from ScratchDB is then directly put into the div.
Help improve the Advanced Topics (Really!)
Before you create a topic:
Always search for duplicates or other similar topics before making an umbrella topic, e.g., “The Mac Topic”.
- Is it about something you are planning on making but haven't made yet? If so, please wait to post until you have created a working prototype. This is a key factor to keeping the ATs as clean as possible.
- The ATs aren't technical support. It is perfectly valid to ask questions about things related to programming, but not issues with external websites, apps, or devices. Most sites have their own support system; try asking there!
- Is it related to something you are making in Scratch? (This includes OSes and other Scratch projects) If so, please post in Collaboration, Show and Tell, or another similar forum.
- Is your topic questionably “advanced”? Try browsing the other forums to see if your topic fits better in one of those.
- Issues with Scratch itself should be put in Bugs and Glitches.
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
I did exactly that, and it still doesn't work.(#171)Use a div, like kccuber said.So what's the solution to the bug?P is not the right element semantically because a signature can contain multiple paragraphs. Those can even be <p>s which will result in invalid HTML. switching tags made no difference. The CSS on the div might be affecting the signature? I don't know. The HTML of the signature retrieved from ScratchDB is then directly put into the div.
- NFlex23
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
(#173)I thought you meant fixing invalid HTML. As for the other bug, I haven't looked at your source code so I don't know. I should have read a few more posts up, sorry.I did exactly that, and it still doesn't work.(#171)Use a div, like kccuber said.So what's the solution to the bug?P is not the right element semantically because a signature can contain multiple paragraphs. Those can even be <p>s which will result in invalid HTML. switching tags made no difference. The CSS on the div might be affecting the signature? I don't know. The HTML of the signature retrieved from ScratchDB is then directly put into the div.
Last edited by NFlex23 (May 27, 2022 21:48:30)
Help improve the Advanced Topics (Really!)
Before you create a topic:
Always search for duplicates or other similar topics before making an umbrella topic, e.g., “The Mac Topic”.
- Is it about something you are planning on making but haven't made yet? If so, please wait to post until you have created a working prototype. This is a key factor to keeping the ATs as clean as possible.
- The ATs aren't technical support. It is perfectly valid to ask questions about things related to programming, but not issues with external websites, apps, or devices. Most sites have their own support system; try asking there!
- Is it related to something you are making in Scratch? (This includes OSes and other Scratch projects) If so, please post in Collaboration, Show and Tell, or another similar forum.
- Is your topic questionably “advanced”? Try browsing the other forums to see if your topic fits better in one of those.
- Issues with Scratch itself should be put in Bugs and Glitches.
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
- Maximouse
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
You can't use DOM on the server. Why do you even need it if you're using React? So, I completed the port from React to React + NextJS. However, this…
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
- MagicCrayon9342
- Scratcher
1000+ posts
[v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage
Update 1: Hacky solution, but I am now using app as a component to use it. However, without being able to use functions.js or import ANY css thats pretty much useless.
Update 2: The hacky solution was completely unnecessary. I was supposed to create _app.js in pages/
Update 3: Still can't import any JS, document not defined.
Update 4:
I have pushed my commits, so if anyone wants to help fix the errors they can.
Update 2: The hacky solution was completely unnecessary. I was supposed to create _app.js in pages/
Update 3: Still can't import any JS, document not defined.
Update 4:
I have pushed my commits, so if anyone wants to help fix the errors they can.
Last edited by MagicCrayon9342 (May 29, 2022 18:11:54)
- Discussion Forums
- » Advanced Topics
- » [v0.4.1] [v0.5.0 coming soon] [NEVER! Porting to NextJS (too hard)] MyScratchPage