{"id":24,"date":"2023-03-27T14:28:08","date_gmt":"2023-03-27T14:28:08","guid":{"rendered":"https:\/\/monesta.live\/blog\/?p=24"},"modified":"2023-06-17T14:06:36","modified_gmt":"2023-06-17T14:06:36","slug":"lets-build-a-simple-blog-using-spring-boot-and-angular","status":"publish","type":"post","link":"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/","title":{"rendered":"Build a simple blog using Spring boot and Angular"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center\">Part &#8211; 1<\/h2>\n\n\n\n<p>In this post, we will see how to set up Spring boot and Angular for Blog using Spring boot projects.<\/p>\n\n\n\n<p>Setup Spring boot Project<\/p>\n\n\n\n<p>First, we will generate our Springboot project by going to the Spring Initializr website at&nbsp;<a href=\"https:\/\/start.spring.io\/\">https:\/\/start.spring.io\/<\/a><\/p>\n\n\n\n<p>Fill out the following details inside the Spring Initializr website:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Project<\/strong>&nbsp;\u2013 Maven Project<\/li>\n\n\n\n<li><strong>Language<\/strong>&nbsp;\u2013 Java<\/li>\n\n\n\n<li><strong>Spring Boot<\/strong>&nbsp;\u2013 3.0.5 (use default version)<\/li>\n<\/ul>\n\n\n\n<p>Under Project Metadata, provide the below information:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Group<\/strong>&nbsp;\u2013 com.programming.techbanda<\/li>\n\n\n\n<li><strong>Artifact<\/strong>&nbsp;\u2013 spring-ng-blog<\/li>\n<\/ul>\n\n\n\n<p>Under dependencies, we will use the following dependencies, so either you can search manually for those dependencies or pick them.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Lombok<\/strong><\/li>\n\n\n\n<li><strong>Spring Web Starter<\/strong><\/li>\n\n\n\n<li><strong>Spring Security<\/strong><\/li>\n\n\n\n<li><strong>MySQL Driver<\/strong><\/li>\n\n\n\n<li><strong>Spring Data JPA<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Once everything is selected, click on&nbsp;<strong>Generate Project<\/strong>, and the project should be downloaded to your machine. You can refer the below image if you have any doubts on how to configure the Spring Initializr.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"548\" data-id=\"28\" src=\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-194430-1024x548.png\" alt=\"\" class=\"wp-image-28\" srcset=\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-194430-1024x548.png 1024w, https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-194430-300x161.png 300w, https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-194430-768x411.png 768w, https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-194430-1536x822.png 1536w, https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-194430.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Spring Initializr<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>I will be using IntelliJ IDEA as the IDE in this post, you can download the free community edition at this link \u2013&nbsp;<a href=\"https:\/\/www.jetbrains.com\/idea\/download\/#section=windows\">https:\/\/www.jetbrains.com\/idea\/download\/#section=windows<\/a><\/p>\n\n\n\n<p>Once you download and install, open IntelliJ and you will see a welcome screen like below:<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"985\" height=\"799\" data-id=\"29\" src=\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-191101.png\" alt=\"\" class=\"wp-image-29\" srcset=\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-191101.png 985w, https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-191101-300x243.png 300w, https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-191101-768x623.png 768w\" sizes=\"auto, (max-width: 985px) 100vw, 985px\" \/><figcaption class=\"wp-element-caption\">IntelliJ IDEA<\/figcaption><\/figure>\n<\/div><\/figure>\n\n\n\n<p>Click on Open, and browse through the folders and select the&nbsp;<strong>pom.xml<\/strong>&nbsp;file of the downloaded project and click on&nbsp;<strong>OK<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"801\" src=\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-192342.png\" alt=\"\" class=\"wp-image-31\" srcset=\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-192342.png 982w, https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-192342-300x245.png 300w, https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-192342-768x626.png 768w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><figcaption class=\"wp-element-caption\"><em>Open Project<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Browse to the downloaded project, select pom.xml and click on OK<\/p>\n\n\n\n<p>Now you will see a popup box, asking us to&nbsp;<strong>Open as Project<\/strong>&nbsp;or&nbsp;<strong>Open as File<\/strong>. Select&nbsp;<strong>Open as Project<\/strong>, this should open the IntelliJ project window. As soon as you open the project, IntelliJ will try to resolve the project dependencies and build the source code, this usually takes less than a minute.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Project Structure<\/h2>\n\n\n\n<p>As we are using maven as our Blog using Spring boot build and project management tool, this is how our project structure looks like:<\/p>\n\n\n\n<figure class=\"wp-block-gallery aligncenter has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"584\" data-id=\"32\" src=\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-193331.png\" alt=\"\" class=\"wp-image-32\" srcset=\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-193331.png 564w, https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-193331-290x300.png 290w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/figure>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Set up MySQL Database<\/h2>\n\n\n\n<p>Make sure you download and install the MySQL database and MySQL Workbench from the below links:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.mysql.com\/downloads\/\">https:\/\/www.mysql.com\/downloads\/<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/dev.mysql.com\/downloads\/workbench\/\">https:\/\/dev.mysql.com\/downloads\/workbench\/<\/a><\/li>\n<\/ul>\n\n\n\n<p>Once you have installed both, open the MySQL workbench and connect to the local database, after that let\u2019s create a schema called with the name \u2013&nbsp;<strong>ngspringblog<\/strong>.<\/p>\n\n\n\n<p>You can do that, by right-clicking on the MySQL workbench Schema screen and click on&nbsp;<strong>Create Schema<\/strong>. After that, you can type in the schema name and click on the&nbsp;<strong>Apply<\/strong>&nbsp;button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Configure Database, Hibernate &amp; JPA in our project<\/h2>\n\n\n\n<p>Inside the path&nbsp;<strong>src\/main\/resources\/application.properties<\/strong>, add the following configuration for our Database and JPA\/Hibernate.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<pre class=\"wp-block-code\"><code>## Spring Datasource Configuration\nspring.datasource.url=jdbc:mysql:\/\/localhost:3306\/ngspringblog?useSSL=false&amp;serverTimezone=UTC&amp;useLegacyDatetimeCode=false\nspring.datasource.username=root\nspring.datasource.password=mysql\n\n## JPA Hibernate Properties\nspring.jpa.properties.hibernate.dialect=org.hibernate.dialect.MySQL5InnoDBDialect\nspring.jpa.hibernate.ddl-auto=update<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Create Domain Entities in our project<\/h2>\n\n\n\n<p>Now its time to create the entities for our blog application, the first step would be to create a package called&nbsp;<strong>model<\/strong>&nbsp;inside the&nbsp;<strong>com.programming.techbanda<\/strong>&nbsp;package. Inside the&nbsp;<strong>model<\/strong>&nbsp;package, create two classes called&nbsp;<strong>Post.java<\/strong>&nbsp;which stores our blog post information and&nbsp;<strong>User.java<\/strong>&nbsp;which stores the details of our users.<\/p>\n\n\n\n<p>Here is the code for Post.java:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<pre class=\"wp-block-code\"><code>package com.programming.techbanda.springngblog.Model;\n\nimport javax.persistence.*;\nimport javax.validation.constraints.NotBlank;\nimport javax.validation.constraints.NotEmpty;\nimport java.time.Instant;\n\n@Entity\n@Table\npublic class Post {\n    @Id\n    @GeneratedValue(strategy = GenerationType.IDENTITY)\n    private Long id;\n    @NotBlank\n    @Column\n    private String title;\n    @Lob\n    @Column\n    @NotEmpty\n    private String content;\n    @Column\n    private Instant createdOn;\n    @Column\n    private Instant updatedOn;\n    @Column\n    @NotBlank\n    private String username;\n\n    public Long getId() {\n        return id;\n    }\n\n    public void setId(Long id) {\n        this.id = id;\n    }\n\n    public String getTitle() {\n        return title;\n    }\n\n    public void setTitle(String title) {\n        this.title = title;\n    }\n\n    public String getContent() {\n        return content;\n    }\n\n    public void setContent(String content) {\n        this.content = content;\n    }\n\n    public Instant getCreatedOn() {\n        return createdOn;\n    }\n\n    public void setCreatedOn(Instant createdOn) {\n        this.createdOn = createdOn;\n    }\n\n    public Instant getUpdatedOn() {\n        return updatedOn;\n    }\n\n    public void setUpdatedOn(Instant updatedOn) {\n        this.updatedOn = updatedOn;\n    }\n\n    public String getUsername() {\n        return username;\n    }\n\n    public void setUsername(String username) {\n        this.username = username;\n    }\n}<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<p>All the fields inside the Post class are self-explanatory. We have&nbsp;<strong>@Lob<\/strong>&nbsp;annotation for our content field as it contains HTML code which may also include images.<\/p>\n\n\n\n<p>And also the code for&nbsp;<strong>User.java<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<pre class=\"wp-block-code\"><code>package com.programming.techbanda.springngblog.Model;\n\nimport javax.persistence.*;\n\n@Entity\n@Table\npublic class User {\n    @Id\n    @GeneratedValue(strategy = GenerationType.IDENTITY)\n    private Long id;\n    @Column\n    private String userName;\n    @Column\n    private String password;\n    @Column\n    private String email;\n\n    public Long getId() {\n        return id;\n    }\n\n    public void setId(Long id) {\n        this.id = id;\n    }\n\n    public String getUserName() {\n        return userName;\n    }\n\n    public void setUserName(String userName) {\n        this.userName = userName;\n    }\n\n    public String getPassword() {\n        return password;\n    }\n\n    public void setPassword(String password) {\n        this.password = password;\n    }\n\n    public String getEmail() {\n        return email;\n    }\n\n    public void setEmail(String email) {\n        this.email = email;\n    }\n}<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Create Repositories for our Post and User classes<\/h2>\n\n\n\n<p>Now let\u2019s create the Repository interfaces for our Post and User domain classes. The Repositories are responsible to save the domain objects into the database.<br><br>We will create a separate package called&nbsp;<strong>com.programming.techie.repository<\/strong>&nbsp;to store our Repository Interfaces.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. PostRepository.java<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<pre class=\"wp-block-code\"><code>package com.programming.techbanda.springngblog.Repository;\n\nimport com.programming.techie.springngblog.Model.Post;\nimport org.springframework.data.jpa.repository.JpaRepository;\nimport org.springframework.stereotype.Repository;\n\n@Repository\npublic interface PostRepository extends JpaRepository&lt;Post, Long&gt; {\n}<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<p>The PostRepository is an interface that extends the Spring Data\u2019s&nbsp;<strong>JpaRepository<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. UserRepository.java<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<pre class=\"wp-block-code\"><code>\npackage com.programming.techbanda.springngblog.Repository;\n\nimport com.programming.techie.springngblog.Model.User;\nimport org.springframework.data.jpa.repository.JpaRepository;\nimport org.springframework.stereotype.Repository;\n\nimport java.util.Optional;\n\n@Repository\npublic interface UserRepository extends JpaRepository&lt;User, Long&gt; {\n\n    Optional&lt;User&gt; findByUserName(String username);\n}<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<p>The UserRepository is also an interface that extends the JpaRepository. This interface contains a method definition to retrieve the User by the username.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Revisiting the Project Structure<\/h2>\n\n\n\n<p>So let\u2019s will have a look at the project structure again, this is how it should look like:<\/p>\n\n\n\n<figure class=\"wp-block-gallery aligncenter has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"562\" height=\"688\" data-id=\"33\" src=\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-193531.png\" alt=\"\" class=\"wp-image-33\" srcset=\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-193531.png 562w, https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-193531-245x300.png 245w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><figcaption class=\"wp-element-caption\">Project Structure<\/figcaption><\/figure>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Running the Application<\/h2>\n\n\n\n<p>You can try to run the Blog using Spring boot application by going inside the&nbsp;<strong>SpringNgBlogApplication.java<\/strong>&nbsp;class and then&nbsp;<strong>Right-click -&gt; Run SpringNgBlogApplication.main()<\/strong>. Or you can also run the following command:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<pre class=\"wp-block-code\"><code>mvn spring-boot:run<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<p>You should see the following log messages:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<pre class=\"wp-block-code\"><code>2023-03-27 19:12:37.247  INFO 17732 --- &#91;           main] o.s.b.w.embedded.tomcat.TomcatWebServer  : Tomcat started on port(s): 8080 (http) with context path ''\n2023-03-27 19:12:37.247  INFO 17732 --- &#91;           main] c.p.t.s.SpringNgBlogApplication          : Started SpringNgBlogApplication in 3.773 seconds (JVM running for 4.118)<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">What\u2019s Next?<\/h2>\n\n\n\n<p>In the next post, we will see how to configure Spring Security in our application. This allows us to implement Signup and Login functionalities.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Part &#8211; 1 In this post, we will see how to set up Spring boot and Angular for Blog using [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":35,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,15],"tags":[3,13,12,9,2,8,11,10],"class_list":["post-24","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular","category-spring-boot","tag-android","tag-backend-development","tag-developer","tag-java","tag-kotlin","tag-programming","tag-software-engineering","tag-spring-boot"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Build a simple blog using Spring boot and Angular - Tech Banda Blog&#039;s<\/title>\n<meta name=\"description\" content=\"Learn how to build a powerful blog using Spring Boot and Angular with our step-by-step guide. Create dynamic web applications and elevate your development skills with this comprehensive tutorial.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Build a simple blog using Spring boot and Angular - Tech Banda Blog&#039;s\" \/>\n<meta property=\"og:description\" content=\"Learn how to build a powerful blog using Spring Boot and Angular with our step-by-step guide. Create dynamic web applications and elevate your development skills with this comprehensive tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/\" \/>\n<meta property=\"og:site_name\" content=\"Tech Banda Blog&#039;s\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-27T14:28:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-17T14:06:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Build-a-Blog-Part-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"575\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Basudev kar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Basudev kar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/\",\"url\":\"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/\",\"name\":\"Build a simple blog using Spring boot and Angular - Tech Banda Blog's\",\"isPartOf\":{\"@id\":\"https:\/\/techbanda.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Build-a-Blog-Part-1.webp\",\"datePublished\":\"2023-03-27T14:28:08+00:00\",\"dateModified\":\"2023-06-17T14:06:36+00:00\",\"author\":{\"@id\":\"https:\/\/techbanda.com\/blog\/#\/schema\/person\/659e018bc389d41fc5f45c25c4b721ac\"},\"description\":\"Learn how to build a powerful blog using Spring Boot and Angular with our step-by-step guide. Create dynamic web applications and elevate your development skills with this comprehensive tutorial.\",\"breadcrumb\":{\"@id\":\"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/#primaryimage\",\"url\":\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Build-a-Blog-Part-1.webp\",\"contentUrl\":\"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Build-a-Blog-Part-1.webp\",\"width\":1024,\"height\":575,\"caption\":\"Build-a-Blog-Part-1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/techbanda.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build a simple blog using Spring boot and Angular\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/techbanda.com\/blog\/#website\",\"url\":\"https:\/\/techbanda.com\/blog\/\",\"name\":\"Tech Banda Blog's\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/techbanda.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/techbanda.com\/blog\/#\/schema\/person\/659e018bc389d41fc5f45c25c4b721ac\",\"name\":\"Basudev kar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/techbanda.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d817fa6b5b51f9541ce2fc99566246de84b7f0061f5a163239e5e717abb01d6b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d817fa6b5b51f9541ce2fc99566246de84b7f0061f5a163239e5e717abb01d6b?s=96&d=mm&r=g\",\"caption\":\"Basudev kar\"},\"url\":\"https:\/\/techbanda.com\/blog\/author\/techadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Build a simple blog using Spring boot and Angular - Tech Banda Blog's","description":"Learn how to build a powerful blog using Spring Boot and Angular with our step-by-step guide. Create dynamic web applications and elevate your development skills with this comprehensive tutorial.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/","og_locale":"en_US","og_type":"article","og_title":"Build a simple blog using Spring boot and Angular - Tech Banda Blog's","og_description":"Learn how to build a powerful blog using Spring Boot and Angular with our step-by-step guide. Create dynamic web applications and elevate your development skills with this comprehensive tutorial.","og_url":"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/","og_site_name":"Tech Banda Blog's","article_published_time":"2023-03-27T14:28:08+00:00","article_modified_time":"2023-06-17T14:06:36+00:00","og_image":[{"width":1024,"height":575,"url":"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Build-a-Blog-Part-1.webp","type":"image\/webp"}],"author":"Basudev kar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Basudev kar","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/","url":"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/","name":"Build a simple blog using Spring boot and Angular - Tech Banda Blog's","isPartOf":{"@id":"https:\/\/techbanda.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/#primaryimage"},"image":{"@id":"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/#primaryimage"},"thumbnailUrl":"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Build-a-Blog-Part-1.webp","datePublished":"2023-03-27T14:28:08+00:00","dateModified":"2023-06-17T14:06:36+00:00","author":{"@id":"https:\/\/techbanda.com\/blog\/#\/schema\/person\/659e018bc389d41fc5f45c25c4b721ac"},"description":"Learn how to build a powerful blog using Spring Boot and Angular with our step-by-step guide. Create dynamic web applications and elevate your development skills with this comprehensive tutorial.","breadcrumb":{"@id":"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/#primaryimage","url":"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Build-a-Blog-Part-1.webp","contentUrl":"https:\/\/techbanda.com\/blog\/wp-content\/uploads\/2023\/03\/Build-a-Blog-Part-1.webp","width":1024,"height":575,"caption":"Build-a-Blog-Part-1"},{"@type":"BreadcrumbList","@id":"https:\/\/techbanda.com\/blog\/lets-build-a-simple-blog-using-spring-boot-and-angular\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/techbanda.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Build a simple blog using Spring boot and Angular"}]},{"@type":"WebSite","@id":"https:\/\/techbanda.com\/blog\/#website","url":"https:\/\/techbanda.com\/blog\/","name":"Tech Banda Blog's","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/techbanda.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/techbanda.com\/blog\/#\/schema\/person\/659e018bc389d41fc5f45c25c4b721ac","name":"Basudev kar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/techbanda.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d817fa6b5b51f9541ce2fc99566246de84b7f0061f5a163239e5e717abb01d6b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d817fa6b5b51f9541ce2fc99566246de84b7f0061f5a163239e5e717abb01d6b?s=96&d=mm&r=g","caption":"Basudev kar"},"url":"https:\/\/techbanda.com\/blog\/author\/techadmin\/"}]}},"views":65,"_links":{"self":[{"href":"https:\/\/techbanda.com\/blog\/wp-json\/wp\/v2\/posts\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techbanda.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/techbanda.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/techbanda.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/techbanda.com\/blog\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":9,"href":"https:\/\/techbanda.com\/blog\/wp-json\/wp\/v2\/posts\/24\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/techbanda.com\/blog\/wp-json\/wp\/v2\/posts\/24\/revisions\/115"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techbanda.com\/blog\/wp-json\/wp\/v2\/media\/35"}],"wp:attachment":[{"href":"https:\/\/techbanda.com\/blog\/wp-json\/wp\/v2\/media?parent=24"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techbanda.com\/blog\/wp-json\/wp\/v2\/categories?post=24"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techbanda.com\/blog\/wp-json\/wp\/v2\/tags?post=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}