Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Implementing Craft into an MVC project


Hello. We have purchased Craft and I'm trying to figure out how to implement this into an MVC project we're building. A little confusing is in the documentation the file structure it says the theme has is wrong. Can I possibly get some direction on where to put what files and what references/configuration needs to be updated after I move them around to the needed locations?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi,

I want to apologize for the late reply.

Are you creating your own MVC project implementation, or are you using a specific framework?

To use our theme in an MVC project, you need to build the assets by following the instructions provided in our documentation. Once built, copy the output folders and place them in the public folder of your project. After that, ensure you load the mandatory JavaScript and CSS files globally.

Style files:

<link href="/assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css">
<link href="/assets/css/style.bundle.css" rel="stylesheet" type="text/css">


JavaScript files:

<script src="/assets/plugins/global/plugins.bundle.js"></script>
<script src="/assets/js/scripts.bundle.js"></script>


Including these mandatory JavaScript and CSS files will enable you to reuse approximately 60% of the markup. However, some pages may require additional files to be loaded for full functionality.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



This is a new project using MVC with Entity Framework with a C# .Net Core back end and a SQL database.

Given the delay in your reply I tried to get started on my own. The biggest challenge is MVC requires certain files be in certain folders in the file architecture. I tried to move them all to the right places, but had a ton of file references to update so they pointed to the correct new locations.



Hi,

By default, scripts, styles, and images use general paths. Depending on your framework, you may need to adjust these paths accordingly.

Have you been able to update these paths?

Are you currently encountering any errors?

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(