zeon-studio / astroplate Goto Github PK

I am new to the world of Astro and need some assistance with my project. I'm attempting to create a SSG, but I'm encountering issues with loading the styles. When I run "npm run dev," everything seems to work fine. However, when I execute "npm run build," the visualization appears to be incorrect.

Is it necessary for the project to work only with Server-Side Rendering (SSR)? Is it possible to build as SSG? Thank you in advance for your help.

i think i need to write canonical automatically on each page, so i don't need to write on each page manually.

How can I exclude Markdown Syntax in the Blog Post Previews?

Hello

I am using this theme on my machine, I am a newbie, actually... How to setup the disqus comment section? I mean is there any way to setup so I can use my disqus account? Thank you

Can u help me resolve this issue?
It was when i deploy this boilerplate in github

hub.com/Drsheppard01/appimages

Issue Description:
The src/pages/[regular].astro page seems to be causing an unintended consequence by generating an additional page that includes src/pages/api/worker.mts. This behavior is not expected and needs investigation to identify the root cause and resolve the issue.

Steps to Reproduce:

1. Navigate to src/pages/[regular].astro in the project.
2. Observe the build process or live preview functionality.
3. Check the output to confirm the generation of an extra page that includes src/pages/api/worker.mts.

Expected Behavior:
The src/pages/[regular].astro page should only generate the intended content and should not have any impact on other unrelated pages, such as src/pages/api/worker.mts.

Actual Behavior:
An additional page is being generated from src/pages/[regular].astro, and it includes src/pages/api/worker.mts, which is unexpected and causing issues.

Impact:
This issue may lead to confusion, increased build times, and potential errors in the generated output. It needs urgent attention to maintain the expected behavior and prevent unintended consequences.

Additional Information:

• Version of the project framework or library.
• Any recent changes or updates made to src/pages/[regular].astro.
• Configuration settings related to page generation and build process.
• Logs or error messages encountered during the build process.

Proposed Solution:
Investigate the src/pages/[regular].astro file to identify any unintended dependencies or configurations that might be causing the generation of the extra page including src/pages/api/worker.mts. Adjust the code or configuration accordingly to resolve the issue and ensure the expected behavior is restored.

Problem: The testimonial slider on the home page is not functioning as expected.

Scenario: When a user visits the home page and then navigates to another page, upon returning to the home page, the testimonial slider is not working.

Steps to Reproduce:

• Visit the home page.
• Interact with the testimonial slider to ensure it's working initially.
• Navigate to another page.
• Return to the home page.
• Expected Behavior: The testimonial slider on the home page should continue to work correctly, even after navigating to other pages and returning.

Actual Behavior: The testimonial slider on the home page becomes non-functional upon returning from other pages.

Environment:

• OS: macOS
• Browser: Chrome
• Version: 118.0.5993.70

Reproducibility: Always

Possible Solution: The issue may be related to the use of view transitions. It seems to occur after navigating between pages using view transitions. Please check the implementation of view transitions to identify and resolve any conflicts or issues that might be causing the problem.

The URLs generated by the search results component are all undefended. Clicking on the title or read more button results in a 404 error.

It looks like you can fix this by changing the links inside Search.tsx

From <a href={/${blog_folder}/${item.data.slug}}>
To <a href={/${blog_folder}/${item.slug}}>

I'm not sure if this is a fix or more of a hack.

After ViewTransitions in Base.astro

---
import { ViewTransitions } from 'astro:transitions';
---
<html lang="en">
  <head>
    <title>My Homepage</title>
    <ViewTransitions />
  </head>
  <body>
    
  </body>
</html>

If we switch to another page and want to change the theme (dark or ligth): It stop working. In order to change the theme it is necessary to do a reload. This means what we can only change the theme in the first page loaded.

The new tabs element is great but I was wondering about accessibility for the tabs.

I see that this site below allows me to keyboard tab to the "tabs" and then use the arrow keys to move from tab to tab.

http://web-accessibility.carnegiemuseums.org/code/tabs/

How I can remove "2XL" badge?

I configured the site in Netlify and Vercel and the visualization is not working correctly, cannot load the styles.
It only works when I am running the project using astro dev
Any idea?

I tried to follow this Guide in the README:

but i got. Reproducable on the bare repository without changing anything.

docker run -p 3000:3000 astroplate                                                                                        ✔   28s  ⬢ 20.2.0  11:30:09 
node:internal/modules/cjs/loader:1080
  throw err;
  ^

Error: Cannot find module '/app/server.js'
    at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)
    at Module._load (node:internal/modules/cjs/loader:922:27)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:23:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}

Node.js v18.17.0

Hello, excellent work, congratulations

I would like to show the latest X articles from my blog on my home, how can I do it? Is there a function already created or should I do it?

Thank you and again congratulations for such a good job.

Please I need help. I'd appreciate it if anyone can point me to the exact line(s) of code or process in the codebase that made the 404 page reachable whenever a visitor tries to search for a page that does not exist. I'm new to learning and building with astro and i'd really love to know how this was implemented. Thanks.

I've been struggling trying to implement internationalization.
There are several approaches available and the latest, official one, from Astro doesn't seem very well documented.
Any plans of implementing it?

Thanks for the awesome template!

On running npm install for the first time getting teh below error(s):

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/astro
npm ERR!   astro@"^3.0.7" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer astro@"^2.10.0" from @astrojs/[email protected]
npm ERR! node_modules/@astrojs/image
npm ERR!   @astrojs/image@"^0.17.3" from the root project

The footer is moving up on the big monitor screen.

Upon fresh git clone I get the following error.

Project still runs fine.

Just wanted to bring that to your attention 👍🏽

When I try to update to V4 I have this error:

astroplate % npx @astrojs/upgrade
Need to install the following packages:
@astrojs/[email protected]
Ok to proceed? (y) y

astro Integration upgrade in progress.

  ◼  @astrojs/sitemap is up to date on v3.0.3
  ●  @astrojs/react will be updated to v3.0.7
  ●  @astrojs/tailwind will be updated to v5.0.3
  ▲  astro will be updated to  v4.0.4 
  ▲  @astrojs/mdx will be updated to  v2.0.1 
  ▲  @astrojs/rss will be updated to  v4.0.1 

wait Some packages have breaking changes. Continue?
Yes

check Be sure to follow the CHANGELOGs.
astro https://docs.astro.build/en/guides/upgrade-to/v4/
@astrojs/mdx https://github.com/withastro/astro/blob/main/packages/integrations/mdx/CHANGELOG.md#201
@astrojs/rss https://github.com/withastro/astro/blob/main/packages/astro-rss/CHANGELOG.md#401

██████ Installing dependencies with npm...

  ▲  error Dependencies failed to install, please run the following command manually:

npm install @astrojs/[email protected] @astrojs/[email protected] @astrojs/[email protected] @astrojs/[email protected] [email protected]

Can you suggest any fix?

Thanks!

With Astro 3, @astrojs/image is deprecated

@astrojs/image has been removed in astro.config.mjs file but not in package.json file