[{"_1":2,"_178":-5,"_179":-5},"loaderData",{"_3":4,"_18":19,"_26":27,"_152":153},"root",{"_5":-5,"_6":-7,"_7":8,"_9":-7,"_10":11,"_12":-7,"_13":14,"_15":16,"_17":11},"currentUser","primaryEmail","siteVerification","6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI","toast","enableDev",false,"incidentStatus","theme","system","contrast","normal","dockerRebrandTour","routes/_layout",{"_20":-5,"_21":22,"_23":22,"_24":22,"_25":22},"username","isAskGordonEnabled",true,"isUsingNewTemplate","showMinimalLanding","showHoneypotTrap","routes/_layout.r.$namespace.$reponame",{"_28":29,"_30":-5,"_31":11,"_32":11,"_33":34,"_35":36,"_37":-5,"_38":11,"_39":40,"_93":-5,"_94":95,"_140":-5,"_141":11,"_142":22,"_143":11,"_144":11,"_145":-5,"_146":11,"_147":-5,"_148":149,"_150":96,"_151":-7},"canonicalUrl","https://hub.docker.com/r/isolid/react-base-image/tags","mcpServer","canSeeDockerfile","canSeeAutobuilds","namespace","isolid","reponame","react-base-image","cloudBuildSource","isAutobuildsAvailable","repo",{"_41":42,"_48":49,"_51":52,"_53":54,"_55":11,"_56":57,"_58":59,"_60":61,"_44":36,"_33":34,"_63":64,"_65":50,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":67,"_74":75,"_76":11,"_77":34,"_78":79,"_84":11,"_85":86,"_90":34,"_91":92},"categories",[43],{"_44":45,"_46":47},"name","Web servers","slug","web-servers","content_types",[50],"image","date_registered","2023-10-29T15:04:32.141912Z","description","React application base image for production builds. ","is_private","last_updated","2023-10-31T18:25:13.954398Z","last_modified","2024-10-16T13:48:34.145251Z","media_types",[62],"application/vnd.docker.container.image.v1+json","pull_count",288,"repository_type","star_count",0,"status",1,"status_description","active","source","collaborator_count","full_description","A simple base image for react apps to quickly create a production ready build for apps created using create-react-app and/or using webpack dev server.\n\nMakes the assumption that react router or similar is being used so that 404s will be managed by the client and that any APIs are setup separately with appropriate CORS rules in place.\n\nExpected behaviour is to copy the source of the react application into the new image, run build, copy the output to the hosts content folder and serve. The site's root path '/' will serve the index.html and any requests to '/index.html' will be redirected to '/'.\n\n

\n\n

To consume add a Dockerfile in your react app similar to:

\n\nFROM isolid/react-base-image:latest
\n\nWORKDIR /app
\nCOPY . .
\nRUN npm install
\nRUN npm run build
\n\nWORKDIR /server/dist/content/
\nRUN mv /app/dist/* /server/dist/content/
\n\nWORKDIR /server
\nEXPOSE 8080
\nCMD [ \"npm\", \"start\" ]
\n

\n\n

\nWith a .dockerignore similar to:\n

\n\nDockerfile
\n.dockerignore
\n.gitignore
\n.env
\nREADME.md
\npackage-lock.json
\ndist
\nnode_modules
\n

\n\n

\nOptional Environmental variables are:\n

\n\n

PORT (default 8080)
HOMEPAGE (default index.html)
REDIRECTHOMEPAGE (default true - set as false if you don't want index.html to redirect)

\n","has_starred","hub_user","immutable_tags_settings",{"_80":11,"_81":82},"enabled","rules",[83],".*","is_automated","permissions",{"_87":22,"_88":11,"_89":11},"read","write","admin","user","storage_size",267142553,"orgData","recentTags",[96,134],{"_97":50,"_98":99,"_100":101,"_102":103,"_104":105,"_106":107,"_56":123,"_124":99,"_125":34,"_126":62,"_44":127,"_128":129,"_130":114,"_131":123,"_132":71,"_133":22},"content_type","creator",11305731,"digest","sha256:0b05e17955af80c3da88c1bc1d80c1e380d2a43f024957b847a8fa35de04a4f2","full_size",79153921,"id",538497497,"images",[108],{"_109":110,"_100":101,"_111":112,"_113":114,"_115":116,"_117":118,"_119":112,"_120":-5,"_121":103,"_68":71,"_122":-5},"architecture","amd64","features","","last_pulled","2026-10-19T14:15:35.343555711Z","last_pushed","2023-10-31T18:25:12Z","os","linux","os_features","os_version","size","variant","2023-10-31T18:25:11.337777Z","last_updater","last_updater_username","media_type","latest","repository",22312715,"tag_last_pulled","tag_last_pushed","tag_status","v2",{"_97":50,"_98":99,"_100":101,"_102":103,"_104":135,"_106":136,"_56":138,"_124":99,"_125":34,"_126":62,"_44":139,"_128":129,"_130":114,"_131":138,"_132":71,"_133":22},539832005,[137],{"_109":110,"_100":101,"_111":112,"_113":114,"_115":116,"_117":118,"_119":112,"_120":-5,"_121":103,"_68":71,"_122":-5},"2023-10-31T18:25:13.947983Z","1.0.1","sbxKitMetadata","isPotentialSpam","isHubSbxKitsEnabled","showSbxRunInCloud","showSbxLogoOverride","sbxTrademarkText","displaySecurityMetadata","tagAttestations","tagsHaveAttestations",[],"selectedTag","attestationsUrl","routes/_layout.r.$namespace.$reponame.tags",{"_39":154,"_162":163,"_148":176,"_177":11},{"_41":155,"_48":157,"_51":52,"_53":54,"_55":11,"_56":57,"_58":59,"_60":158,"_44":36,"_33":34,"_63":64,"_65":50,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":67,"_74":75,"_76":11,"_77":34,"_78":159,"_84":11,"_85":161,"_90":34,"_91":92},[156],{"_44":45,"_46":47},[50],[62],{"_80":11,"_81":160},[83],{"_87":22,"_88":11,"_89":11},"tags",{"_164":165,"_166":-5,"_167":-5,"_168":169},"count",2,"next","previous","results",[170,173],{"_97":50,"_98":99,"_100":101,"_102":103,"_104":135,"_106":171,"_56":138,"_124":99,"_125":34,"_126":62,"_44":139,"_128":129,"_130":114,"_131":138,"_132":71,"_133":22},[172],{"_109":110,"_100":101,"_111":112,"_113":114,"_115":116,"_117":118,"_119":112,"_120":-5,"_121":103,"_68":71,"_122":-5},{"_97":50,"_98":99,"_100":101,"_102":103,"_104":105,"_106":174,"_56":123,"_124":99,"_125":34,"_126":62,"_44":127,"_128":129,"_130":114,"_131":123,"_132":71,"_133":22},[175],{"_109":110,"_100":101,"_111":112,"_113":114,"_115":116,"_117":118,"_119":112,"_120":-5,"_121":103,"_68":71,"_122":-5},[],"canDeleteTags","actionData","errors"]

isolid/react-base-image

Tags for isolid/react-base-image