Can I add anuglar app to my wordpress site? - wordpress

So i have built an angular website that uses the GoogleBooksAPI to fetch some book list. And then I show it on my single page app.
Now, i'd like to deploy it somehow to see if it's working.
So i tried to add the project to github pages. github project link:
https://github.com/DrorSC/DrorSC.github.io
And was unsuccesful..
So i thought on a different option. I have a domain, and a wordpress site on it. Maybe i can add the files to my Cpanel and load it into my domain? Or can i do it straight from wordpress?
Tried to look for answers, couldn't find.
Please help. thank you :)

If I understand correctly I think Angular Element will be your best choice. It works the best if you want to integrate Angular web app into your existing website.
Building Custom Elements / Web Components with Angular 6

After build the project. You can use the content of the dist directory into your host.
If you will put your code into a subfolder, you will need specify the path as argument on the CLI for the build.

Related

If a website is constantly changing, can it be implemented with next.js?

I hope you are doing well
I want to make a book site with next.js. My site needs to be updated and add products every day. I want to know now if it is appropriate to make this site with next.js?
Now, my website is complete and I ran it with next.js, my website is with node.js, and now every product that I add, I have to go and get a build from the next.js project and upload it to the host, and is this a difficult job? If anyone has a better way, I would be grateful if they could help
Look at this Showcase on next.js official website. It's powerful enough to make any kind of dynamic website. You need to use getServerSideProps with the database of your choice. If you are using Static HTML Export you have to rebuild and upload it again whenever you make any changes.
There's also a lot of options to automate next.js deployment, Best option for your use case is to use services like Digital Ocean App Platform so whenever you push some changes to git repo it automatically rebuild and update your site with fresh content.

I need a WordPress plugin that can create an IDE for codes to run on my website

I have a WordPress site, and I teach python on it and I want to share some code on it. I want a code editor that users can see my code and run it.
Please if you know any plugin that can do this help me.
I really do not think that there is such kind of a plugin available as of now. However, you can always search for such a plugin inside the official WordPress plugin repository.
Still, my recommendation would be to consider building your custom website ( not based on WordPress at all ) in order to achieve that using a different application or framework that has already developed a tool for that purpose.

Using WordPress with Next.js for only certain paths

I want to make a website using Next.js but I want to use WordPress for marketing pages. Let's say I want to use WordPress for a path example.com/sales and Next.js for others. I thought it could be done with load balancing but I'm new to this topic and not sure what I should do. How do I do that?
I think what you are looking for is called incremental adoption. Basically if a certain path is not part of your nextjs app, the traffic falls back to the specified url.
here are the official docs

How does static site generator work with a CMS like wordpress

I have been exploring using Vue for wordpress frontend, and I came across so many different technologies, like Nuxt.js, Gridsome, VuePress, and they help to create sites into SPA, SSR, or static sites. I really like these ideas, because I want to move into modern frontends instead of using the WordPress default. So I am looking into headless WordPress.
After some research, I think I kind of like Gridsome with Wordpress, as Gridsome helps to build static site by compiling content from CMS and templates at build time.
So I have a very newbie question, CMS like wordpress gets updated everyday by users, to update pages, add new posts etc, does that mean you need to build the site every time people add some content to the CMS?
I'm going to build a sort of internal portal, with WordPress and I want to try out Vue, so with all these technologies out there, I am lost at what framework best suit my project with dynamic content.
Any suggestions or insights? Thanks.
So I have a very newbie question, CMS like wordpress gets updated everyday by > users, to update pages, add new posts etc, does that mean you need to build the > site every time people add some content to the CMS?
Yes that's the concept of a statically generated site.
Still it's a choice of how you design your application.
Normally when a new post is created there can be an event / webhook triggering a build job which would automatically build and deploy the page with the latest post.
Still you can have in your deployed application client side Vue components which call the API directly to retrieve data and display it. For example for the comments it could make sense to do this.
Netlify is a good example which has the whole static site generation eased up with a nice CI / CD which can be triggered automatically as soon as your site. They also have a CMS which works on top of markdown files. As soon as a changed / new markdown file is commited to the repository it triggers a build to deploy the latest version of the page.
I hope this helps.
Thanks and best regards,
ewatch

wordpress how to manage web and mobile sites with one database

I want to build a web site in wordpress. A web version like mysite.com and a mobile version like m.mysite.com. I am thinking that will it do able in wordpress because wordpress save domain name in database.
mysite.com/m will be possible but the requirement is to go with m.mysite.com.
The approach in this helped me: http://www.phillipadsmith.com/2011/11/note-to-self-a-simple-way-to-accomplish-mobile-site-redirection-using-mod-rewrite.html
However, proper creation of templates and css will really make the need redundant.

Resources